:root{
  --nlcb-ink:#fff;
  --nlcb-ink-dim:rgba(255,255,255,.75);
  --nlcb-line:rgba(255,255,255,.12);
  --radius:16px;
}

*{box-sizing:border-box}
html,body{margin:0;background:#0c0a12;color:var(--nlcb-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5}
h1,h2,h3{font-family:"Space Grotesk",Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;font-weight:700;letter-spacing:.2px;margin:.2em 0}
a{color:#bba7ff;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.sr-only{position:absolute;left:-9999px}

.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--nlcb-line)}
.site-footer{border-bottom:0;border-top:1px solid var(--nlcb-line)}
.logo{font-weight:700;letter-spacing:.6px}
.nav{display:flex;gap:.6rem;align-items:center}
.btn{display:inline-block;padding:.6rem .9rem;border-radius:10px;border:1px solid transparent;background:#2b2540;color:#fff;text-decoration:none}
.btn:hover{text-decoration:none;filter:brightness(1.05)}
.btn--primary{background:#7A3DF0;border-color:transparent}
.btn--ghost{background:transparent;border:1px solid var(--nlcb-line)}
.btn--small{padding:.45rem .7rem;font-size:.95rem}
.icon-link{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--nlcb-line);padding:.35rem .5rem;border-radius:10px}

.tiny{font-size:.85rem;opacity:.8}
.small{font-size:.9rem}
.lead{font-size:1.125rem;opacity:.9}
.nowrap{white-space:nowrap}

/* Landing page (from your inline styles) */
.landing{min-height:92vh;display:grid;place-items:center;padding:6rem 0}
.landing__card{
  width:min(980px,92vw);
  background:rgba(255,255,255,.02);
  border:1px solid var(--nlcb-line);
  border-radius:var(--radius);
  padding: clamp(1.5rem, 4vw, 3rem);
  position:relative; overflow:hidden;
}
.landing__badge{
  display:inline-flex; gap:.5rem; align-items:center;
  color:var(--nlcb-ink-dim); font-size:.95rem; border:1px solid var(--nlcb-line);
  border-radius:999px; padding:.3rem .6rem; margin-bottom:1rem;
}
.landing__cta{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}
.landing__meta{color:var(--nlcb-ink-dim);margin-top:1rem;font-size:.95rem}
.orb{position:absolute; inset: -20% -10% auto auto; width: 420px; opacity:.9; pointer-events:none; filter: drop-shadow(0 0 40px rgba(122,61,240,.4))}
@media (max-width:720px){ .orb{ width: 300px; inset: -10% -10% auto auto } }

/* Generic layout helpers for HHS */
.section{padding:2.25rem 0}
.section--tight{padding-top:.5rem;padding-bottom:1.25rem}
.container{width:min(1100px,92vw);margin:0 auto}
.h1{font-size:clamp(1.8rem,3.5vw,2.4rem)}
.h2{font-size:clamp(1.4rem,3vw,1.8rem)}

.hhs-landing .hero{text-align:center;max-width:720px;margin:0 auto}
.hhs-landing .cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.75rem}
.hhs-landing .muted{opacity:.7}
.hhs-landing .tiny{font-size:.8rem}
.hhs-landing .grid.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.hhs-landing .card{background:#12101a;border:1px solid var(--nlcb-line);border-radius:14px;padding:1rem}
.hhs-landing .card-title{margin:0 0 .35rem 0}
.hhs-landing .card-text{margin:0 0 .75rem 0;opacity:.9}
.hhs-landing .panel{background:#0e0c15;border:1px solid var(--nlcb-line);border-radius:16px;padding:1rem}
.hhs-landing .badge{display:inline-block;font-size:.8rem;padding:.1rem .5rem;border-radius:999px;background:rgba(0,255,140,.12);border:1px solid rgba(0,255,140,.35)}
.hhs-landing .badge--soon{background:rgba(255,215,0,.10);border-color:rgba(255,215,0,.35)}
.hhs-landing .safety{font-size:.95rem;background:linear-gradient(90deg, rgba(255,255,255,.06), transparent);padding:.75rem 1rem;border-radius:12px}
.hhs-landing .inline-link{margin-left:.5rem;text-decoration:underline}
/* Follow block with avatar */
.cta-row--with-avatar { gap:.75rem; }
.follow-block { display:flex; align-items:center; gap:.5rem; }
.follow-block .avatar {
  border-radius:999px; border:1px solid var(--nlcb-line);
  width:40px; height:40px; object-fit:cover;
}

/* Local note + pill */
.local-note { margin-top:.5rem; text-align:center; }
.pill {
  display:inline-block; padding:.08rem .5rem; border-radius:999px;
  background:rgba(122,61,240,.16); border:1px solid rgba(122,61,240,.45);
  font-size:.8rem; margin-right:.4rem;
}
footer p {max-width: 100%; text-align: center; font-size: .8rem;}