.home-concept-hero {
  position: relative;
  min-height: 625px;
  background-image: url("../images/backgrounds/hnc-home-concept.webp");
  background-position: center center;
  background-size: cover;
  overflow: visible;
}
.home-concept-hero__content {
  position: relative;
  max-width: 1440px;
  min-height: 625px;
  margin: 0 auto;
  padding: 86px 58px 110px;
}
.home-concept-hero__copy { width: min(630px, 48%); }
.home-concept-hero__eyebrow {
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--mediox-primary, #2c51a3);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.home-concept-hero__eyebrow span { width: 4px; height: 4px; border-radius: 50%; background: var(--mediox-base, #c466a4); }
.home-concept-hero h1 {
  margin: 0;
  color: var(--mediox-black, #28235b);
  font-size: clamp(48px, 5vw, 76px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.02;
}
.home-concept-hero h1 strong {
  color: var(--mediox-primary, #2c51a3);
  font-weight: inherit;
}
.home-concept-hero__intro {
  max-width: 570px;
  margin: 22px 0 32px;
  color: var(--mediox-text, #6b7583);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
}
.home-concept-hero__proof { display: flex; align-items: center; gap: 0; }
.home-concept-hero__proof > div { min-width: 0; padding: 0 22px; display: flex; align-items: center; gap: 12px; border-right: 1px solid var(--mediox-border-color, #d9e1eb); }
.home-concept-hero__proof > div:first-child { padding-left: 0; }
.home-concept-hero__proof > div:last-child { padding-right: 0; border-right: 0; }
.home-concept-hero__proof i { flex-shrink: 0; color: var(--mediox-base, #c466a4); font-size: 28px; }
.home-concept-hero__proof span { color: var(--mediox-primary, #2c51a3); font-size: 12px; line-height: 1.35; }
.home-concept-hero__proof strong { font-weight: 700; }

.home-concept-search {
  position: absolute;
  left: 58px;
  right: 58px;
  bottom: -38px;
  z-index: 3;
  min-height: 116px;
  padding: 20px 22px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 190px;
  align-items: center;
  gap: 22px;
  background: rgba(var(--mediox-white-rgb, 255, 255, 255), .96);
  box-shadow: 0 18px 45px rgba(var(--mediox-black-rgb, 40, 35, 91), .14);
  backdrop-filter: blur(8px);
}
.home-concept-search__field { position: relative; min-width: 0; padding-left: 58px; display: grid; gap: 5px; }
.home-concept-search__icon { position: absolute; left: 0; top: 50%; width: 44px; height: 54px; border-radius: 9px; display: flex; align-items: center; justify-content: center; color: var(--mediox-primary, #2c51a3); background: var(--mediox-white2, #ecf0f5); font-size: 22px; transform: translateY(-50%); }
.home-concept-search label { margin: 0; color: var(--mediox-primary, #2c51a3); font-size: 13px; font-weight: 800; }
.home-concept-search select { width: 100%; height: 44px; padding: 0 38px 0 14px; border: 0; border-radius: 7px; color: var(--mediox-text, #6b7583); background: var(--mediox-white2, #ecf0f5); font: 500 12px/1.2 var(--mediox-font, "Manrope", sans-serif); cursor: pointer; }
.home-concept-search__divider { width: 1px; height: 66px; background: var(--mediox-border-color, #d9e1eb); }
.home-concept-search button { height: 64px; border: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 22px; color: var(--mediox-white, #fff); background: var(--mediox-primary, #2c51a3); font: 700 16px/1 var(--mediox-font, "Manrope", sans-serif); transition: background-color .25s ease; }
.home-concept-search button:hover { background: var(--mediox-base, #c466a4); }

.home-concept-benefits { padding: 72px 20px 24px; background: var(--mediox-white, #fff); }
.home-concept-benefits__inner { max-width: 1050px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); }
.home-concept-benefits__inner > div { padding: 0 32px; display: flex; align-items: center; gap: 16px; border-right: 1px solid var(--mediox-border-color, #d9e1eb); }
.home-concept-benefits__inner > div:first-child { padding-left: 0; }
.home-concept-benefits__inner > div:last-child { padding-right: 0; border-right: 0; }
.home-concept-benefits i { color: var(--mediox-primary, #2c51a3); font-size: 32px; }
.home-concept-benefits span { color: var(--mediox-primary, #2c51a3); font-size: 13px; line-height: 1.4; }
.home-concept-benefits strong { display: block; font-size: 15px; }

@media (max-width: 1199px) {
  .home-concept-hero { min-height: 600px; background-position: 57% center; }
  .home-concept-hero__content { min-height: 600px; padding: 70px 32px 120px; }
  .home-concept-hero__copy { width: 52%; }
  .home-concept-hero h1 { font-size: clamp(44px, 5.6vw, 64px); }
  .home-concept-search { left: 32px; right: 32px; grid-template-columns: minmax(0,1fr) 1px minmax(0,1fr) 150px; }
  .home-concept-benefits__inner > div { padding: 0 18px; }
}
@media (max-width: 991px) {
  .home-concept-hero { min-height: 760px; background-position: 65% center; }
  .home-concept-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.82) 48%, rgba(255,255,255,.08) 100%); }
  .home-concept-hero__content { min-height: 760px; }
  .home-concept-hero__copy { position: relative; width: 70%; }
  .home-concept-search { grid-template-columns: 1fr 1fr; bottom: -90px; }
  .home-concept-search__divider { display: none; }
  .home-concept-search button { grid-column: 1 / -1; height: 54px; }
  .home-concept-benefits { padding-top: 125px; }
  .home-concept-benefits__inner { grid-template-columns: repeat(2, 1fr); gap: 28px 0; }
  .home-concept-benefits__inner > div:nth-child(2) { border-right: 0; }
}
@media (max-width: 767px) {
  .home-concept-hero { min-height: 780px; background-position: 69% center; }
  .home-concept-hero::before { background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 52%, rgba(255,255,255,.16) 100%); }
  .home-concept-hero__content { min-height: 780px; padding: 54px 20px 170px; }
  .home-concept-hero__copy { width: 100%; }
  .home-concept-hero__eyebrow { gap: 7px; font-size: 9px; letter-spacing: .13em; }
  .home-concept-hero h1 { font-size: clamp(40px, 11vw, 58px); }
  .home-concept-hero__intro { font-size: 15px; }
  .home-concept-hero__proof { align-items: flex-start; }
  .home-concept-hero__proof > div { padding: 0 10px; gap: 7px; }
  .home-concept-hero__proof i { font-size: 21px; }
  .home-concept-hero__proof span { font-size: 10px; }
  .home-concept-search { left: 16px; right: 16px; bottom: -148px; padding: 18px; grid-template-columns: 1fr; gap: 14px; border-radius: 16px; }
  .home-concept-search__field { padding-left: 52px; }
  .home-concept-search button { grid-column: auto; }
  .home-concept-benefits { padding-top: 180px; }
  .home-concept-benefits__inner { grid-template-columns: 1fr 1fr; }
  .home-concept-benefits__inner > div { padding: 0 10px; gap: 10px; }
  .home-concept-benefits i { font-size: 25px; }
  .home-concept-benefits span { font-size: 11px; }
  .home-concept-benefits strong { font-size: 13px; }
}
@media (max-width: 420px) {
  .home-concept-hero__proof > div:nth-child(3) { display: none; }
  .home-concept-hero__proof > div:nth-child(2) { border-right: 0; }
}

@media (min-width: 1200px) {
  .home-concept-hero__copy { width: min(680px, 50%); }
  .home-concept-hero h1 { font-size: clamp(54px, 4.6vw, 66px); }
}

/* Keep the next homepage section below the first desktop viewport. */
@media (min-width: 1200px) {
  .home-concept-hero,
  .home-concept-hero__content { min-height: 690px; }
}