/* HOME page wrapper card */
.home-main{
  padding: 26px 0 60px;
}

.lux-surface{
  background: var(--lux-bg);
  border: 1px solid var(--lux-line);
  border-radius: 18px;
  box-shadow: var(--lux-shadow);
  padding: 22px;
}

/* make inner sections sit nicely inside the surface */
.lux-surface .hero{
  padding: 0;         /* kill extra white space */
  margin: 0 0 18px;   /* breathing */
}

.lux-surface .section{
  padding: 0;         /* you already have card styling */
}

/* optional: keep hero cards looking crisp on beige */
.lux-surface .hero-card{
  background: #fff;
}