/* SugarSlay — modules/landing/css/landing.css */

.lp-top {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 16px calc(14px); max-width: 1120px; margin-inline: auto;
}
.lp-features { padding-bottom: 40px; }
.lp-foot { padding: 26px 0 calc(30px + env(safe-area-inset-bottom)); border-top: var(--bw) solid var(--border); margin-top: 30px; }
.lp-foot a { color: var(--muted); }
.lp-foot a:hover { color: var(--accent); }

/* El brillo dorado del fondo. Es un degradado, no una imagen: pesa cero y no
   añade una petición a la primera pantalla del sitio. */
.hero::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(60% 45% at 50% 18%, var(--accent-soft), transparent 70%);
  opacity: .55;
}
[data-theme="dark"] .hero::before { opacity: .9; }