/* assets/css/pages/home.css */

/* ===== Home hero ===== */
.home-hero {
  padding: 64px 0;
  background: var(--surface2);
  border-bottom: 1px solid var(--border);
}
@media (max-width: 700px) {
  .home-hero {
    padding: 44px 0;
  }
}

.home-hero-inner {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 22px;
  align-items: center;
}
@media (max-width: 900px) {
  .home-hero-inner {
    grid-template-columns: 1fr;
  }
}
/* Make the left hero text more readable */
.home-hero-inner > div {
  max-width: 620px;
}

.home-hero h1 {
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 1.12;
  letter-spacing: -0.3px;
  margin-bottom: 10px;
}
.home-hero p {
  margin: 0 0 18px;
  color: color-mix(in srgb, var(--text) 90%, var(--muted));
}
#home-hero-lead {
  max-width: 58ch;
  line-height: 1.55;
}
.home-hero-card h3 {
  margin-bottom: 8px;
}

.home-hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Optional hero “brand card” on the right */
.home-hero-card {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 18px;
  padding: 16px;
  box-shadow: var(--shadow);
}
html[data-theme="dark"] .home-hero-card {
  box-shadow: none;
}
.home-hero-card .muted {
  font-size: 14px;
}

/* ===== Home sections ===== */

.home-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.home-section-title h2 {
  margin: 0;
}
.home-section-title p {
  margin: 0;
}

.home-services-footer {
  display: flex;
  justify-content: center;
  margin-top: 18px;
  margin-bottom: 10px;
}

@media (max-width: 900px) {
  .home-hero-card {
    margin-top: 10px;
  }
}