.geo-select { position: relative; z-index: 10; width: 100%; }
.geo-select:focus-within { z-index: 1001; }
.geo-select_list { position: fixed; z-index: 2147483647; box-sizing: border-box; width: 100%; max-height: 15rem; margin: .25rem 0 0; padding: .25rem 0; overflow-y: auto; list-style: none; border: 1px solid rgba(148, 163, 184, .65); border-radius: .25rem; background: #111827; color: #f8fafc; box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.35); }
.geo-select_option, .geo-select_empty { padding: .55rem .75rem; cursor: pointer; }
.geo-select_option:hover, .geo-select_option.is-active { background: #334155; color: #fff; }
.geo-select_empty { color: #cbd5e1; cursor: default; }
.geo-select > input[role="combobox"] { width: 100%; }

.geo-select_clear { position: absolute; z-index: 2; top: 50%; right: .5rem; transform: translateY(-50%); min-width: 1.5rem; min-height: 1.5rem; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 1.35rem; line-height: 1; cursor: pointer; }
.geo-select_clear:hover, .geo-select_clear:focus-visible { background: rgba(148,163,184,.25); }
.geo-select > input[role="combobox"] { padding-right: 2.5rem; }
/* Webflow rows establish their own paint order; lift the active row above siblings. */
.contact-hero_form-row:has(.geo-select:focus-within) { position: relative; z-index: 1001; }
form[data-lead-form-id] .contact-hero_form-row { position: relative; z-index: 1; }
form[data-lead-form-id] .contact-hero_form-row:has(.geo-select) { z-index: 1002; }
.geo-select_list > .geo-select_option,
.geo-select_list > .geo-select_empty { background-color: #111827 !important; opacity: 1; }
.geo-select_list > .geo-select_option:hover,
.geo-select_list > .geo-select_option.is-active { background-color: #334155 !important; }
/* The Webflow export paints later labels above its form controls; suppress those labels while a geo control owns focus. */
form[data-lead-form-id].geo-select-open .contact-hero_form-row:not(:has(.geo-select)) .contact-hero_form-label { visibility: hidden; }

/* Visually hide (but do not type=hidden) bot honeypot inputs. */
.lead-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }