.onter-ai-visibility-hero { position: relative; overflow: hidden; padding-block: clamp(52px, 8vw, 100px); background: radial-gradient(circle at 86% 12%, rgba(0,174,239,.12), transparent 28rem), linear-gradient(112deg, #f2fbfe 0%, #f5fbfd 58%, #ebfaf3 100%); }
.onter-ai-visibility-hero__copy { max-width: 880px; }
.onter-ai-visibility-hero h1 { max-width: 800px; font-size: clamp(2.5rem, 5vw, 4.4rem); }
.onter-ai-visibility-form { max-width: 740px; margin-top: 34px; padding: clamp(18px, 3vw, 28px); border: 1px solid rgba(16,36,66,.10); border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 18px 48px rgba(12,52,98,.09); }
.onter-ai-visibility-form > label { display: block; margin-bottom: 10px; color: var(--onter-heading); font-weight: 700; }
.onter-ai-visibility-form__row { display: flex; gap: 10px; }
.onter-ai-visibility-form__row input { min-width: 0; min-height: 52px; flex: 1; padding: 11px 15px; border: 1px solid var(--onter-border); border-radius: 10px; background: #f6f8fa; color: var(--onter-heading); }
.onter-ai-visibility-form__row button:disabled, .onter-ai-visibility-form__row input:disabled { cursor: not-allowed; opacity: .72; }
.onter-ai-visibility-status, .onter-ai-visibility-disclosure, .onter-ai-visibility-note { color: var(--onter-muted); font-size: 13px; }
.onter-ai-visibility-status { margin: 13px 0 0; }
.onter-ai-visibility-quota { margin: 12px 0 0; color: var(--onter-muted); font-size: 13px; line-height: 1.5; }
.onter-ai-visibility-reset { margin: 4px 0 0; color: var(--onter-muted); font-size: 12px; line-height: 1.5; }
.onter-ai-visibility-reset a { display: inline-block; margin-left: 4px; }
.onter-ai-visibility-reset a[hidden] { display: none; }
.onter-ai-visibility-disclosure { max-width: 740px; margin: 14px 0 0; }
.onter-ai-visibility-steps { margin-top: 28px; }
.onter-ai-visibility-note { margin-top: 20px; }
.onter-ai-visibility-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.onter-ai-visibility-cta h2 { margin-bottom: 8px; }
.onter-ai-visibility-cta p:last-child { margin-bottom: 0; }
.onter-ai-panel { margin-top: 22px; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--onter-border); border-radius: 16px; background: #fff; }
.onter-ai-panel h2 { margin-bottom: 16px; font-size: clamp(1.4rem, 2.4vw, 2rem); }
.onter-ai-field { display: block; margin: 12px 0; color: var(--onter-heading); font-weight: 700; }
.onter-ai-field input, .onter-ai-field textarea { display: block; width: 100%; min-height: 46px; margin-top: 5px; padding: 10px 12px; border: 1px solid var(--onter-border); border-radius: 9px; font-weight: 400; }
.onter-ai-field textarea { min-height: 100px; }
.onter-ai-result { padding: 16px 0; border-top: 1px solid var(--onter-border); }
.onter-ai-result pre { max-height: 350px; overflow: auto; padding: 14px; background: #f4f8fa; white-space: pre-wrap; word-break: break-word; }
.onter-ai-lead-form { max-width: 640px; }
@media (max-width: 640px) {
  .onter-ai-visibility-form__row, .onter-ai-visibility-cta { align-items: stretch; flex-direction: column; }
  .onter-ai-visibility-form__row .onter-btn { width: 100%; }
  .onter-ai-visibility-cta .onter-btn { align-self: flex-start; }
}