.ocf-gulf-shores-builder-interest { background: var(--ocf-bg-alt); color: var(--ocf-body); }
.gulf-shores-builder-interest__container { max-width: 70rem; margin-inline: auto; }
.gulf-shores-builder-interest__heading { max-width: var(--ocf-section-heading-width); margin: 0 auto calc(var(--ocf-grid-gap) * 1.35); text-align: center; }
.gulf-shores-builder-interest__heading .heading-2 { margin: 0 0 .65rem; }
.gulf-shores-builder-interest__intro { margin: 0; color: var(--ocf-body); line-height: var(--font-body-line); }
.gulf-shores-builder-interest__card { padding: calc(var(--ocf-grid-gap) * 1.15); border: var(--card-border-width) solid var(--ocf-border); border-radius: var(--card-radius); background: var(--ocf-bg); box-shadow: var(--card-shadow); }
.gulf-shores-builder-interest__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--ocf-grid-gap) * .85); }
.gulf-shores-builder-interest__field { display: flex; min-width: 0; flex-direction: column; gap: .35rem; }
.gulf-shores-builder-interest__field--wide { grid-column: 1 / -1; }
.gulf-shores-builder-interest__field label { color: var(--ocf-heading); font-size: var(--ocf-font-small-size); font-weight: var(--font-weight-semibold); }
.gulf-shores-builder-interest__field input, .gulf-shores-builder-interest__field textarea, .gulf-shores-builder-interest__field select { width: 100%; min-width: 0; border: 1px solid var(--ocf-border); border-radius: var(--radius-sm); background: var(--ocf-bg); color: var(--ocf-body); padding: .75rem .85rem; font: inherit; }
.gulf-shores-builder-interest__field textarea { min-height: 6rem; resize: vertical; }
.gulf-shores-builder-interest__field input:focus, .gulf-shores-builder-interest__field textarea:focus, .gulf-shores-builder-interest__field select:focus { outline: 2px solid var(--ocf-primary); outline-offset: 2px; }
.gulf-shores-builder-interest__actions { margin-top: calc(var(--ocf-grid-gap) * 1.1); }
.gulf-shores-builder-interest__actions .form-submit-btn { width: 100%; }
.gulf-shores-builder-interest__note { margin: .85rem 0 0; color: var(--ocf-body); font-size: var(--ocf-font-small-size); line-height: 1.5; }
@media (max-width: 767px) { .gulf-shores-builder-interest__container { width: calc(100vw - (var(--container-pad) * 2)); } .gulf-shores-builder-interest__card { padding: var(--ocf-grid-gap); } .gulf-shores-builder-interest__fields { grid-template-columns: minmax(0, 1fr); } .gulf-shores-builder-interest__field--wide { grid-column: auto; } }