/* ApplySmart home landing — tokens aligned with Figma Make export (updateddesign) */
:root {
  --home-brand: #6d28d9;
  --home-brand-dark: #5b21b6;
  --home-brand-light: #e9d5ff;
  --home-accent: #7c3aed;
  --home-gradient-search: linear-gradient(105deg, #6d28d9 0%, #4f46e5 45%, #2563eb 100%);
  --home-radius-btn: 0.5rem;
  --home-radius-card: 1rem;
  --home-shadow-soft: 0 10px 40px -12px rgba(15, 23, 42, 0.12);
}

.home-landing-body {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}

.home-landing-main {
  padding-top: 4rem;
}

@media (min-width: 768px) {
  .home-landing-main {
    padding-top: 5rem;
  }
}

/* Hero image frame */
.home-hero-img-wrap {
  border-radius: var(--home-radius-card);
  box-shadow: var(--home-shadow-soft);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.9);
}

.home-hero-img-wrap img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 5;
  max-height: 28rem;
}

/* AI brain hero (landscape PNG, dark canvas) */
.home-hero-ai-wrap {
  border: 1px solid rgba(167, 139, 250, 0.35);
  background: #020617;
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.55),
    0 0 40px -10px rgba(124, 58, 237, 0.35);
}

.home-hero-ai-wrap img {
  aspect-ratio: 16 / 9;
  max-height: none;
  object-fit: contain;
  object-position: center;
}

/* Gradient search strip */
.home-search-gradient {
  background: var(--home-gradient-search);
  border-radius: var(--home-radius-card);
  box-shadow: 0 20px 50px -20px rgba(91, 33, 182, 0.45);
}