/* Home page enhancements */
.hero-section {
  align-items: center;
  gap: 2rem;
}
.hero-copy .eyebrow {
  font-weight: 800;
  color: var(--primary);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.hero-copy h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin: .25rem 0 .5rem;
  line-height: 1.05;
}
.hero-text { color: var(--muted); max-width: 56ch; }
.hero-actions .btn-primary { background: linear-gradient(90deg, var(--primary), var(--primary-light)); color: #fff; }
.hero-actions .btn-outline { background: transparent; border: 1px solid var(--border); }
.hero-card.hero-login-card {
  padding: 22px;
  border-radius: 14px;
}
.hero-features { margin-top: 14px; display: flex; gap: 10px; flex-wrap: wrap; }
.hero-feature { display:flex; gap:8px; align-items:center; color:var(--muted); font-weight:600; }
.hero-feature .hf-icon { font-size:18px; }

/* Feature grid */
.info-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-top:28px; }
.info-card { background:var(--card); border:1px solid var(--border); padding:18px; border-radius:12px; box-shadow:var(--shadow-sm); }
.info-card h3 { margin:0 0 8px; font-size:1.05rem; }

/* CTA band */
.cta-band { background: linear-gradient(90deg, rgba(109,93,246,0.95), rgba(14,159,110,0.92)); color: #fff; padding:28px; border-radius:12px; margin-top:24px; text-align:center; }
.cta-band h2 { margin:0 0 6px; }
.cta-band p { opacity:0.92; }

/* Responsiveness tweaks */
@media (max-width: 880px) {
  .hero-section { grid-template-columns: 1fr; padding: 18px 0; }
  .hero-card.hero-login-card { order: -1; }
  .hero-copy h1 { font-size: 1.6rem; }
}