/* High-intent lead capture: shared by the general, contact and dental landing pages. */
.lead-page .site-header { position: relative; }
.lead-page .whatsapp-float { display: none; }

.lead-page .hero-inner { align-items: center !important; padding: 24px 0 30px !important; }
.lead-page .hero-inner > div:first-child { text-align: left; }
.lead-page .hero-inner > * { min-width: 0; }
.lead-page .hero-inner .lead { text-align: left; max-width: 650px; }
.lead-page .lead-kicker { margin: 0 0 12px; color: #0b5cad; font-size: 14px; font-weight: 750; }
.lead-page .lead-proof { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.lead-page .lead-proof li { display: inline-flex; align-items: center; gap: 7px; color: #29415f; font-size: 14px; font-weight: 650; }
.lead-page .lead-proof li::before { content: "✓"; display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: #e8f8ed; color: #16753a; font-size: 13px; }

.lead-form { width: 100%; max-width: 520px; margin: 18px 0 0; padding: 16px; border: 1px solid #cbd9eb; border-radius: 8px; background: #fff; box-shadow: 0 6px 16px rgba(18, 54, 91, .07); text-align: left; }
.lead-form h2 { color: #172b45; font-size: 16px; line-height: 1.3; text-align: left; }
.lead-form-intro { margin: 6px 0 14px; color: #526b88; font-size: 13px; line-height: 1.4; }
.contact-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.contact-method { position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 7px 8px; border: 1px solid #c7d4e4; border-radius: 6px; background: #fff; color: #29415f; cursor: pointer; font-size: 12px; font-weight: 700; text-align: center; }
.contact-method input { position: absolute; opacity: 0; pointer-events: none; }
.contact-method-icon { display: inline-grid; width: 20px; height: 20px; place-items: center; flex: 0 0 20px; }
.contact-method-icon svg { display: block; width: 18px; height: 18px; }
.contact-method-icon-whatsapp { color: #16803c; }
.contact-method-icon-email { color: #1769e0; }
.contact-method:has(input:checked) { border-color: #0b5cad; background: #eaf3ff; color: #0b4f9c; box-shadow: inset 0 0 0 1px #0b5cad; }
.lead-field { display: grid; gap: 4px; }
.lead-field label { color: #29415f; font-size: 13px; font-weight: 700; }
.lead-field label span { color: #526b88; font-weight: 500; }
.lead-field input { width: 100%; min-height: 0; padding: 9px; border: 1px solid #b9cadf; border-radius: 6px; color: #172b45; font-size: 13px; font-family: inherit; }
.lead-field input:focus { outline: 3px solid rgba(23, 105, 224, .18); border-color: #1769e0; }
.lead-field[hidden] { display: none; }
.lead-submit { width: 100%; min-height: 38px; margin-top: 12px; padding: 8px 12px; border: 1px solid #0b5cad; border-radius: 8px; background: #0b5cad; color: #fff; cursor: pointer; font: inherit; font-size: 14px; font-weight: 650; line-height: 20px; }
.lead-submit:hover { background: #074b91; }
.lead-privacy { margin: 12px 0 0; color: #617083; font-size: 12px; line-height: 1.45; }
.lead-alternative { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; margin-top: 10px; padding: 8px 12px; border: 1px solid #b7d9c3; border-radius: 8px; background: #f3fbf5; color: #146b3a; font-size: 14px; font-weight: 650; line-height: 20px; text-decoration: none; }
.lead-alternative::before { content: ""; width: 15px; height: 15px; flex: 0 0 15px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 11.5a8.5 8.5 0 0 1-12.6 7.4L4 20l1.1-3.2A8.5 8.5 0 1 1 20 11.5Zm-5.1 3.1c.3-.2.5-.5.5-.9v-.4c0-.2-.1-.4-.4-.5l-1.4-.6c-.2-.1-.4-.1-.6.1l-.6.5a6.8 6.8 0 0 1-2.3-2.3l.5-.6c.2-.2.2-.4.1-.6L10 7.9c-.1-.3-.3-.4-.5-.4H9c-.4 0-.7.1-1 .5-.4.4-.5 1-.3 1.5.3.8.7 1.5 1.3 2.2a7.3 7.3 0 0 0 4.2 2.7c.6.2 1.2.1 1.7-.2Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.lead-alternative:hover { text-decoration: underline; }
.lead-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 0 0 38px; }
.lead-benefit { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.lead-benefit b { display: block; color: #172b45; font-size: 14px; }
.lead-benefit span { display: block; margin-top: 2px; color: #617083; font-size: 13px; line-height: 1.35; }
.lead-benefit::before { content: "✓"; display: grid; flex: 0 0 24px; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #e8f8ed; color: #16753a; font-weight: 800; }
.lead-page .offer-section { border-top: 1px solid #d9e1ea; }
.lead-page .offer-section .monthly-price, .lead-page .offer-section .setup-price { display: none; }
.lead-page .offer-section .pricing-label { font-size: 20px; font-weight: 800; color: #172b45; }
.lead-page .offer-section .pricing-benefit { text-align: left; }
.lead-page .form-honeypot { display: none; }

@media (max-width: 860px) {
  .lead-page .hero-inner { grid-template-columns: 1fr; gap: 24px; padding-top: 30px !important; }
  .lead-page .hero-inner > div:first-child { text-align: center; }
  .lead-page .hero-inner .lead { text-align: center; }
  .lead-page .lead-proof { justify-content: center; }
  .lead-form { margin: 18px auto 0; padding: 14px; }
  .lead-form h2, .lead-form-intro { text-align: center; }
  .lead-benefits { grid-template-columns: 1fr; padding-bottom: 30px; }
  .lead-page .demo-panel { order: 2; }
}

@media (max-width: 460px) {
  .lead-page h1 { font-size: 33px !important; }
  .lead-page h1, .lead-form h2 { overflow-wrap: anywhere; }
  .lead-page .lead { overflow-wrap: break-word; }
  .contact-methods { grid-template-columns: 1fr; }
  .lead-proof { display: grid; grid-template-columns: 1fr; justify-items: start; }
  .lead-page .lead-proof { justify-items: center; }
}