/* =================== hc-lead-modal.css =================== */
.hc-lead-modal {position: fixed; inset: 0; z-index: var(--hc-z-modal); background: rgba(17,13,10,.34); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; padding: 24px; animation: hcFadeIn 160ms var(--hc-ease-out)}
.hc-lead-modal__panel {position: relative; background: var(--hc-paper); max-width: 460px; width: 100%; padding: var(--hc-sp-6) var(--hc-sp-5); border-radius: var(--hc-r-xl); box-shadow: var(--hc-sh-4); animation: hcSlideUp 260ms var(--hc-ease-out)}
.hc-lead-modal__close {position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--hc-ink-soft); transition: background var(--hc-dur-fast)}
.hc-lead-modal__close:hover {background: var(--hc-paper-2)}
.hc-lead-modal__title {font-family: var(--hc-serif); font-size: var(--hc-fs-xl); font-weight: 500; margin: 0}
.hc-lead-modal__subtitle {margin-top: var(--hc-sp-1)}
.hc-lead-modal__form {margin-top: var(--hc-sp-4); display: flex; flex-direction: column; gap: var(--hc-sp-3)}
.hc-lead-modal__required {color: var(--hc-danger)}
.hc-lead-modal__footnote {text-align: center}
.hc-lead-modal__policy-link {color: var(--hc-accent-dark)}
.hc-lead-modal__panel {position: relative; border: 1px solid rgba(46,34,24,.12); background: linear-gradient(180deg, rgba(255,252,247,.98), rgba(247,242,234,.98)); box-shadow: 0 40px 120px rgba(28,22,16,.18), 0 10px 30px rgba(28,22,16,.10); border-radius: 28px; overflow: hidden}
.hc-lead-modal__panel--narrow {max-width: 720px}
.hc-lead-modal__eyebrow {display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--hc-gold-border); background: rgba(212,184,150,.10); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--hc-accent-dark)}
.hc-lead-modal__title {max-width: 18ch}
.hc-lead-modal__close {display: grid; place-items: center; width: 42px; height: 42px; border-radius: 999px; background: rgba(255,255,255,.72); border: 1px solid var(--hc-line); box-shadow: 0 8px 24px rgba(27,20,13,.08)}
.hc-lead-modal__proof {display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 4px}
.hc-lead-modal__proof span {padding: 7px 10px; border-radius: 999px; background: rgba(212,184,150,.12); border: 1px solid var(--hc-gold-border); font-size: 12px; color: var(--hc-accent-dark)}
.hc-lead-modal[x-cloak], .hc-modal[x-cloak] {display: none}