.tracker-onboarding { padding: 72px 24px; background: var(--bg-secondary); scroll-margin-top: 80px; }
.tracker-onboarding-container { max-width: 980px; }
.tracker-onboarding h2 { max-width: 720px; margin: 12px 0; }
.onboarding-intro { color: var(--text-secondary); max-width: 720px; margin-bottom: 30px; }
.tracker-plan-picker { border: 0; padding: 0; margin: 0 0 28px; min-width: 0; }
.tracker-plan-picker legend { font-weight: 700; margin-bottom: 12px; }
.tracker-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tracker-plan-card { display: grid; gap: 6px; min-width: 0; padding: 20px; border: 2px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); cursor: pointer; }
.tracker-plan-card.selected { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }
.tracker-plan-card.disabled { opacity: .72; cursor: not-allowed; }
.tracker-plan-card input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.tracker-plan-card:focus-within { outline: 3px solid var(--accent); outline-offset: 3px; }
.tracker-plan-card .plan-name { display: flex; gap: 8px; align-items: center; font-weight: 800; }
.tracker-plan-card small { color: var(--text-muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.tracker-plan-card strong { font-size: 1.35rem; }
.tracker-plan-card > span:not(.plan-name) { color: var(--text-secondary); font-size: .88rem; }
.form-help, .checkout-note { color: var(--text-muted); font-size: .8rem; line-height: 1.5; margin-top: 9px; }
.tracker-onboarding-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.tracker-onboarding-panel, .selected-competitors { min-width: 0; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 22px; }
.tracker-onboarding-panel h3 { margin-bottom: 16px; }
.tracker-onboarding-panel label { display: block; font-weight: 650; font-size: .86rem; margin-bottom: 7px; }
.tracker-onboarding input:not([type="radio"]) { width: 100%; min-width: 0; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-primary); color: var(--text-primary); font: inherit; }
.tracker-onboarding input:focus, .tracker-onboarding button:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.custom-url-row { display: flex; gap: 9px; align-items: stretch; min-width: 0; }
.custom-url-row input { flex: 1 1 auto; }
.custom-url-row button { flex: 0 0 auto; }
.onboarding-status { min-height: 1.35em; margin-top: 10px; color: var(--text-secondary); font-size: .86rem; overflow-wrap: anywhere; }
.onboarding-status.error { color: #fca5a5; }
.onboarding-status.success { color: var(--cyan); }
.registry-results, .selected-list { display: grid; gap: 9px; margin-top: 12px; }
.registry-result, .preflight-card, .selected-item { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius); padding: 13px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.registry-result-copy, .selected-copy { min-width: 0; }
.registry-result strong, .selected-item strong { display: block; overflow-wrap: anywhere; }
.registry-result span, .selected-item span { color: var(--text-muted); font-size: .78rem; overflow-wrap: anywhere; }
.registry-result button, .preflight-card button, .selected-item button { flex: 0 0 auto; min-height: 44px; }
.status-label { display: inline-flex; align-items: center; gap: 6px; font-weight: 750; margin-bottom: 5px; }
.status-label::before { content: '●'; font-size: .75rem; }
.status-ready { color: var(--cyan); }
.status-limited { color: #fbbf24; }
.status-blocked, .status-unsupported { color: #fca5a5; }
.alert-me-form { width: 100%; margin-top: 12px; display: grid; gap: 9px; }
.selected-competitors { margin-top: 18px; }
.selected-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.selected-heading h3 { margin: 0; }
.empty-selection { color: var(--text-muted); margin: 0; }
.tracker-checkout { width: 100%; justify-content: center; margin-top: 12px; }
.tracker-checkout:disabled { opacity: .5; cursor: not-allowed; }
.checkout-status { text-align: center; }

@media (max-width: 700px) {
  .tracker-onboarding { padding: 52px 16px; }
  .tracker-plan-grid, .tracker-onboarding-grid { grid-template-columns: 1fr; }
  .custom-url-row { flex-direction: column; }
  .custom-url-row button { width: 100%; justify-content: center; }
  .registry-result, .preflight-card, .selected-item { align-items: flex-start; flex-direction: column; }
  .registry-result button, .preflight-card button, .selected-item button { width: 100%; justify-content: center; }
  .selected-heading { align-items: flex-start; flex-direction: column; }
}
