/* Homepage closing CTA. Scoped to avoid changing other landing-page sections. */
.home-dark .contact {
  padding-block: 72px;
  scroll-margin-top: 100px;
}
.home-dark .contact .contact-layout {
  width: min(calc(100% - 40px), var(--max));
  max-width: calc(100% - 40px);
  margin-inline: auto;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 32px clamp(32px, 4vw, 64px);
  align-items: start;
}
.home-dark .contact .contact-layout > * { min-width: 0; }
.home-dark .contact .contact-copy { max-width: none; }
.home-dark .contact .contact-copy .eyebrow { margin: 0 0 14px; }
.home-dark .contact .contact-copy h2 {
  margin: 0 0 18px;
  font-size: clamp(1.8rem, 2.6vw, 2.4rem);
  line-height: 1.2;
  hyphens: none;
  overflow-wrap: normal;
}
.home-dark .contact .contact-copy > p:not(.eyebrow) {
  margin: 0 0 28px;
  max-width: 34rem;
  font-size: 1.0625rem;
  line-height: 1.65;
  hyphens: none;
}
.home-dark .contact .contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.home-dark .contact .contact-actions .button { min-height: 54px; }
.home-dark .contact .contact-copy > p.contact-demo-note {
  margin: 14px 0 0;
  font-size: .875rem;
  line-height: 1.6;
}
.home-dark .contact .contact-panel {
  padding: 28px;
  border: 1px solid #425449;
  border-radius: 12px;
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
  backdrop-filter: none;
}
.home-dark .contact .contact-panel h3 {
  margin: 0 0 24px;
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.45;
  hyphens: none;
  overflow-wrap: normal;
}
.home-dark .contact .contact-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin: 0;
}
.home-dark .contact .contact-steps li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
.home-dark .contact .contact-steps span {
  width: 28px;
  height: 28px;
  border: 1px solid #789664;
  color: #b8e78b;
  background: transparent;
  font-size: .875rem;
  font-weight: 600;
}
.home-dark .contact .contact-steps strong {
  font-size: 1rem;
  font-weight: 550;
  line-height: 1.5;
  hyphens: none;
  overflow-wrap: normal;
}
.home-dark .contact .contact-conditions {
  grid-column: 1 / -1;
  padding-top: 24px;
  border-top: 1px solid #425449;
  font-size: 1rem;
  line-height: 1.65;
  hyphens: none;
}
.home-dark .contact .contact-conditions p { margin: 0 0 10px; hyphens: none; }
.home-dark .contact .contact-conditions strong { hyphens: none; }
.home-dark .contact .contact-conditions > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.home-dark .contact .contact-conditions a {
  color: #d4e4da;
  hyphens: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.home-dark .contact a:focus-visible { outline: 2px solid #b8e78b; outline-offset: 5px; }
@media (max-width: 900px) {
  .home-dark .contact { padding-block: 56px; }
  .home-dark .contact .contact-layout { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 560px) {
  .home-dark .contact { padding-block: 40px; }
  .home-dark .contact .contact-layout { width: calc(100% - 28px); max-width: calc(100% - 28px); }
  .home-dark .contact .contact-panel { padding: 22px; }
  .home-dark .contact .contact-actions .button { flex: 1 1 100%; }
  .home-dark .contact .contact-demo-note { text-align: center; }
}

.home-dark .hero-start-note {
  max-width: 28rem;
  margin: 0;
  color: #fff;
  font-size: .875rem;
  line-height: 1.55;
}