/* Homepage acceptance closeout. Kept separate from the server's legacy
   home-v2.css so the existing mobile compatibility layer remains intact. */

.yx-home-v2 .yx-home-v2__hero .yx-home-v2__button--secondary {
  border: 1px solid rgba(151, 174, 159, .78);
  color: #21483d;
  background: rgba(222, 233, 225, .94);
  box-shadow: 0 10px 24px rgba(26, 63, 51, .10);
}

.yx-home-v2 .yx-home-v2__hero .yx-home-v2__button--secondary:hover,
.yx-home-v2 .yx-home-v2__hero .yx-home-v2__button--secondary:focus-visible {
  border-color: #87a393;
  color: #173f34;
  background: #cfddd3;
  transform: translateY(-1px);
}

#yx-home-v2-scenes,
#yx-home-v2-diagnosis,
#yx-lead-form {
  scroll-margin-top: 86px;
}

.yx-home-v2__brand-proof {
  width: 100%;
  padding: 0;
  border-top: 1px solid rgba(39, 66, 56, .07);
  border-bottom: 1px solid rgba(39, 66, 56, .09);
  background:
    linear-gradient(90deg, rgba(39, 82, 66, .035), transparent 22%, transparent 78%, rgba(190, 151, 83, .045)),
    #f7f9f6;
}

.yx-home-v2__brand-proof > .yx-home-v2__container {
  width: 100%;
  max-width: none;
  padding: 0 clamp(32px, 5vw, 96px);
}

.yx-home-v2__brand-proof .yx-home-v2__project-brands {
  margin: 0;
  padding: 24px 0 26px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.yx-home-v2__brand-proof .yx-home-v2__project-brands > p,
.yx-home-v2__brand-proof .yx-home-v2__project-brands > div {
  width: min(100%, 1580px);
  margin-right: auto;
  margin-left: auto;
}

.yx-home-v2__brand-proof .yx-home-v2__project-brands > p {
  margin-bottom: 16px;
}

/* Final contact icons: one coherent line-icon family instead of three
   unrelated CSS drawings. */
.yx-home-v2__final-contact-values article > span.yx-home-v2__final-contact-icon {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: radial-gradient(circle at 30% 24%, #557061 0%, #345243 42%, #243d32 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 11px 26px rgba(31, 58, 45, .16);
}

.yx-home-v2__final-contact-icon::before {
  inset: 12px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: none;
  transform: none;
}

.yx-home-v2__final-contact-icon::after {
  inset: 6px;
  width: auto;
  height: auto;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  opacity: 1;
  transform: none;
}

.yx-home-v2__final-contact-icon--leaf::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 24C7.2 14.7 14 8.2 25.2 7c-.1 10.8-6.3 17.8-16.4 18'/%3E%3Cpath d='M6.8 26c4.7-6.7 10-11.5 17.1-16.3'/%3E%3C/svg%3E");
}

.yx-home-v2__final-contact-icon--drop::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='9.2'/%3E%3Ccircle cx='16' cy='16' r='3.1'/%3E%3Cpath d='M16 3.8v3M16 25.2v3M3.8 16h3M25.2 16h3'/%3E%3C/svg%3E");
}

.yx-home-v2__final-contact-icon--people::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 7.5h19v12H15l-6.5 5v-5h-2z'/%3E%3Cpath d='M11.2 13.5h.1M16 13.5h.1M20.8 13.5h.1' stroke-width='2.3'/%3E%3C/svg%3E");
}

/* Section rhythm: prevent adjacent bottom and top paddings from creating two
   oversized blank bands around the selected-projects section. */
@media (min-width: 901px) {
  .yx-home-v2__section--equipment {
    padding-bottom: clamp(24px, 1.8vw, 34px);
  }

  .yx-home-v2__projects {
    padding-top: clamp(42px, 3vw, 56px);
    padding-bottom: clamp(28px, 2.2vw, 42px);
  }

  .yx-home-v2__process-v2 {
    padding-top: clamp(44px, 3.2vw, 60px);
  }
}

@media (min-width: 621px) and (max-width: 900px) {
  .yx-home-v2__section--equipment {
    padding-bottom: 38px;
  }

  .yx-home-v2__projects {
    padding-top: 52px;
    padding-bottom: 44px;
  }

  .yx-home-v2__process-v2 {
    padding-top: 52px;
  }
}

@media (max-width: 620px) {
  .yx-home-v2__actions {
    align-items: stretch;
  }

  .yx-home-v2__button--secondary {
    justify-content: center;
  }

  .yx-home-v2__brand-proof {
    padding: 0;
  }

  .yx-home-v2__brand-proof > .yx-home-v2__container {
    padding: 0 18px;
  }

  .yx-home-v2__brand-proof .yx-home-v2__project-brands {
    padding: 20px 0 22px;
  }

  .yx-home-v2__section--equipment {
    padding-bottom: 34px;
  }

  .yx-home-v2__projects {
    padding-top: 46px;
    padding-bottom: 40px;
  }

  .yx-home-v2__process-v2 {
    padding-top: 48px;
  }

}
/* Scene transition: a restrained botanical atmosphere without competing with the CTA. */
.yx-home-v2__scenes-followup {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f5f8f4;
  border-top: 1px solid rgba(31, 82, 67, 0.07);
  border-bottom: 1px solid rgba(31, 82, 67, 0.08);
}

.yx-home-v2__scenes-followup::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -58%;
  right: -2%;
  width: clamp(520px, 42vw, 780px);
  height: 218%;
  background: url("../images/home-v2/diagnosis-botanical-v2.webp") right center / cover no-repeat;
  opacity: 0.28;
  filter: saturate(0.72) contrast(0.9);
  pointer-events: none;
}

.yx-home-v2__scenes-followup::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(
    90deg,
    #f5f8f4 0%,
    rgba(245, 248, 244, 0.98) 42%,
    rgba(245, 248, 244, 0.8) 67%,
    rgba(245, 248, 244, 0.24) 100%
  );
  pointer-events: none;
}

.yx-home-v2__scenes-followup > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 620px) {
  .yx-home-v2__scenes-followup::before {
    top: -32%;
    right: -70px;
    width: 430px;
    height: 165%;
    opacity: 0.22;
  }

  .yx-home-v2__scenes-followup::after {
    background: linear-gradient(
      90deg,
      rgba(245, 248, 244, 0.99) 0%,
      rgba(245, 248, 244, 0.94) 70%,
      rgba(245, 248, 244, 0.56) 100%
    );
  }
}
/* Brief heading rhythm: lift the display title while preserving the copy baseline below. */
.yx-home-v2 .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2 {
  position: relative;
  top: -24px;
}

.yx-home-v2 .yx-home-v2__brief-description {
  margin-top: 38px;
}

@media (max-width: 720px) {
  .yx-home-v2 .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2 {
    top: -16px;
  }

  .yx-home-v2 .yx-home-v2__brief-description {
    margin-top: 34px;
  }
}
/* Generated case visuals are scene references, not on-site documentary photos. */
.yx-home-v2__project-scene-note {
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 2;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  color: rgba(255, 255, 255, .82);
  background: rgba(20, 43, 34, .34);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .08em;
  backdrop-filter: blur(5px);
  pointer-events: none;
}

/* Concern answer panel: replace the flat grey-beige block with a fresh botanical light wash. */
.yx-home-v2--concern-panel .yx-home-v2__concern-detail {
  border: 1px solid rgba(48, 88, 70, .2);
  background: linear-gradient(135deg, #eef5f2 0%, #e6f0eb 54%, #dceae3 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    0 16px 38px rgba(31, 69, 51, .085);
}

.yx-home-v2--concern-panel .yx-home-v2__concern-detail::before {
  position: absolute;
  top: 24px;
  bottom: 24px;
  left: 0;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, rgba(75, 116, 95, 0), rgba(75, 116, 95, .82), rgba(75, 116, 95, .34), rgba(75, 116, 95, 0));
  content: "";
  pointer-events: none;
}

.yx-home-v2--concern-panel .yx-home-v2__concern-answer {
  position: relative;
  z-index: 1;
}

.yx-home-v2--concern-panel .yx-home-v2__concern-answer h3 {
  color: #173c2f;
}

.yx-home-v2--concern-panel .yx-home-v2__concern-answer > p {
  color: #43574f;
}

.yx-home-v2--concern-panel .yx-home-v2__concern-progress {
  background: rgba(59, 92, 76, .22);
}

@media (max-width: 720px) {
  .yx-home-v2--concern-panel .yx-home-v2__concern-detail {
    box-shadow: 0 12px 30px rgba(37, 76, 57, .05);
  }
}