/* FIRST PRO Growth — inquiry form. Uses the theme tokens when present; the fallbacks keep it usable on any theme. */
.fp-inquiry {
	--_rule: var(--fp-rule, #e2e2e6);
	--_fg: var(--fp-fg, #0b0b0d);
	--_muted: var(--fp-fg-muted, #4d4d52);
	--_faint: var(--fp-fg-faint, #6b6b70);
	--_bg: var(--fp-bg, #fff);
	--_surface: var(--fp-surface, #f6f6f8);
	--_radius: var(--fp-radius-md, 0.75rem);
	--_dur: var(--fp-dur-fast, 160ms);
	--_ease: var(--fp-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
	display: grid;
	gap: clamp(1.25rem, 3vw, 2rem);
	padding: clamp(1.25rem, 3vw, 2.5rem);
	border: 1px solid var(--_rule);
	border-radius: var(--fp-radius-lg, 1.25rem);
	background: var(--_surface);
	color: var(--_fg);
	scroll-margin-top: 6rem;
}
.fp-inquiry__head { display: grid; gap: 0.6rem; max-width: 46rem; }
.fp-inquiry__title { font-size: var(--fp-text-xl, 1.5rem); line-height: 1.2; letter-spacing: var(--fp-tracking-tight, -0.01em); }
.fp-inquiry__lead { color: var(--_muted); max-width: 56ch; }
.fp-inquiry__form { display: grid; gap: 1.25rem; position: relative; }
.fp-inquiry__honeypot { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }
.fp-inquiry .fp-input { width: 100%; min-height: 3rem; padding: 0.75rem 1rem; border: 1.5px solid var(--_rule); border-radius: var(--_radius); background: var(--_bg); color: inherit; font: inherit; transition: border-color var(--_dur) var(--_ease), box-shadow var(--_dur) var(--_ease); }
.fp-inquiry .fp-input:hover { border-color: var(--_faint); }
.fp-inquiry .fp-input:focus-visible, .fp-inquiry .fp-textarea:focus-visible { outline: none; border-color: var(--_fg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--_fg) 12%, transparent); }
.fp-inquiry .fp-input[aria-invalid="true"], .fp-inquiry .fp-textarea[aria-invalid="true"] { border-color: var(--fp-danger, #b42318); }
.fp-inquiry .fp-select { appearance: none; -webkit-appearance: none; padding-inline-end: 2.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%236b6b70' stroke-width='1.6'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.9rem center; background-size: 1rem; }
[dir="rtl"] .fp-inquiry .fp-select { background-position: left 0.9rem center; }
.fp-inquiry .fp-field__error { display: none; font-size: var(--fp-text-sm, 0.875rem); color: var(--fp-danger, #b42318); }
.fp-inquiry .fp-field__error.is-visible { display: block; }
.fp-inquiry .fp-field__note.is-error { color: var(--fp-danger, #b42318); }
.fp-req { color: var(--_faint); }
.fp-check { display: flex; gap: 0.75rem; align-items: flex-start; cursor: pointer; font-size: var(--fp-text-sm, 0.875rem); color: var(--_muted); }
.fp-check input { flex: none; width: 1.25rem; height: 1.25rem; margin-top: 0.15rem; accent-color: var(--_fg); }
.fp-check input:focus-visible { outline: 2px solid var(--_fg); outline-offset: 2px; }
.fp-inquiry__alert { padding: 0.9rem 1.1rem; border-inline-start: 3px solid var(--fp-danger, #b42318); background: var(--_bg); border-radius: 0 var(--_radius) var(--_radius) 0; display: grid; gap: 0.3rem; font-size: var(--fp-text-sm, 0.875rem); }
[dir="rtl"] .fp-inquiry__alert { border-radius: var(--_radius) 0 0 var(--_radius); }
.fp-inquiry__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.fp-inquiry__status { min-height: 1.5em; font-size: var(--fp-text-sm, 0.875rem); color: var(--_muted); }
.fp-inquiry__status.is-error { color: var(--fp-danger, #b42318); }
.fp-inquiry__done { display: grid; gap: 0.75rem; max-width: 52rem; }
.fp-inquiry__done:focus { outline: none; }
.fp-inquiry__done-eyebrow { font-size: var(--fp-text-xs, 0.75rem); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--_faint); }
[dir="rtl"] .fp-inquiry__done-eyebrow { letter-spacing: 0; text-transform: none; font-size: var(--fp-text-sm, 0.875rem); }
.fp-inquiry__done .fp-inquiry__lead strong { color: var(--_fg); font-family: var(--fp-font-mono, ui-monospace, monospace); }

/* Reveal of the confirmation (motion registry contract: only when html.fp-motion / .fp-ix is set). */
.fp-ix .fp-inquiry__done.is-revealing > * { animation: fp-inq-rise 560ms var(--fp-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both; }
.fp-ix .fp-inquiry__done.is-revealing > :nth-child(2) { animation-delay: 80ms; }
.fp-ix .fp-inquiry__done.is-revealing > :nth-child(3) { animation-delay: 160ms; }
.fp-ix .fp-inquiry__done.is-revealing > :nth-child(4) { animation-delay: 240ms; }
@keyframes fp-inq-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .fp-inquiry * { animation: none !important; transition-duration: 0.01ms !important; } }

.fp-inquiry--compact { padding: clamp(1rem, 2.5vw, 1.75rem); }