/* ===== HERO ===== */
.hub-hero{
  background:linear-gradient(180deg,#202020 0%,#1B1B1B 60%);
  padding:4rem 1rem 3rem;
}
.hub-hero .accent{ color:var(--hub-accent); }
.btn-group{ display:flex; justify-content:center; gap:1.2rem; flex-wrap:wrap; }
.btn{
  padding:.7rem 1.4rem; border:none; border-radius:4px; font-weight:600; cursor:pointer;
}
.btn-main{ background:var(--hub-accent); color:#fff; }
.btn-main:hover{ background:var(--hub-accent-hover); }
.btn-outline{
  background:none; border:2px solid var(--hub-accent); color:var(--hub-accent);
}
.btn-outline:hover{ background:var(--hub-accent); color:#fff; }

/* ===== HIGHLIGHTS ===== */
.hub-highlights{ padding:3rem 1rem; }
.card-grid{ display:grid; gap:1.5rem; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.highlight-card{
  background:#242424; padding:1.6rem; border-radius:6px;
  box-shadow:0 3px 6px rgba(0,0,0,.35); transition:transform .25s;
}
.highlight-card:hover{ transform:translateY(-4px); }
.smaller{ font-size:.9rem; line-height:1.4; color:#CFCFCF; }
.link-more{ color:var(--hub-accent); font-weight:600; }
.link-more:hover{ color:var(--hub-accent-hover); }
.latest-text{ color:var(--hub-accent) !important; font-weight:600; }

/* ===== CTA ===== */
.hub-cta{ padding:3.5rem 1rem; background:#141414  }

/* ===== UTIL ===== */
.container{ max-width:1200px; margin:0 auto; }