* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg-paper); color: var(--ink-body); font: var(--fs-md)/var(--lh-loose) var(--font-sans); }
.tracking-wrap { width: min(100% - 2 * var(--gutter), var(--max-hero)); margin-inline: auto; }
.tracking-hero { padding: var(--space-24) 0 var(--space-16); background: radial-gradient(circle at 85% 15%, rgba(216,164,92,.14), transparent 32%), var(--bg-paper); }
.tracking-eyebrow { margin: 0 0 var(--space-3); color: var(--accent-gold); font-size: var(--fs-xs); font-weight: var(--fw-bold); letter-spacing: var(--tracking-wider); text-transform: uppercase; }
.tracking-hero h1, .tracking-results h2, .tracking-results h3, .tracking-offers h2, .tracking-offers h3 { margin-top: 0; color: var(--ink-primary); font-family: var(--font-display); line-height: var(--lh-snug); }
.tracking-hero h1 { max-width: 850px; margin-bottom: var(--space-6); font-size: clamp(2.5rem, 7vw, 5.2rem); line-height: .98; letter-spacing: var(--tracking-tight); }
.tracking-lede { max-width: 760px; margin: 0 0 var(--space-8); color: var(--ink-secondary); font-size: clamp(1.1rem, 2.3vw, 1.4rem); }
.tracking-scan-form { max-width: 820px; padding: var(--space-6); border: 1px solid var(--gray-300); border-radius: 12px; background: var(--bg-paper-warm); }
.tracking-scan-form > label, .tracking-fields label { display: block; margin-bottom: var(--space-2); color: var(--ink-primary); font-size: var(--fs-sm); font-weight: var(--fw-semibold); }
.tracking-input-row { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
.tracking-input-row input, .tracking-fields input { width: 100%; min-height: 52px; border: 1px solid #685746; border-radius: 6px; background: var(--bg-paper); color: var(--ink-primary); font: inherit; padding: .75rem 1rem; }
.tracking-input-row input:focus, .tracking-fields input:focus { outline: 3px solid rgba(216,164,92,.35); border-color: var(--focus-ring); }
.tracking-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: var(--cta-orange); color: var(--cta-on); cursor: pointer; font: var(--fw-bold) var(--fs-base)/1 var(--font-sans); padding: .9rem 1.35rem; text-decoration: none; }
.tracking-button:hover { background: var(--cta-orange-hover); }
.tracking-button:disabled { cursor: wait; opacity: .65; }
.tracking-helper, .tracking-caveat { margin: var(--space-3) 0 0; color: var(--gray-700); font-size: var(--fs-sm); }
.tracking-error { margin: var(--space-3) 0 0; color: var(--status-error); font-weight: var(--fw-semibold); }
.tracking-results { padding: var(--space-16) 0; background: var(--bg-paper-deep); }
.tracking-result-head { display: flex; gap: var(--space-8); align-items: center; justify-content: space-between; }
.tracking-result-head h2 { margin-bottom: var(--space-2); font-size: clamp(2rem, 5vw, 3.5rem); }
.tracking-score { display: flex; min-width: 148px; align-items: baseline; justify-content: center; border: 1px solid var(--accent-gold); border-radius: 999px; padding: 1.1rem; color: var(--accent-gold); }
.tracking-score strong { font: var(--fw-bold) 3rem/1 var(--font-display); }
.tracking-score span { font-size: var(--fs-sm); }
.tracking-signal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); margin: var(--space-8) 0; }
.tracking-signal { border: 1px solid var(--gray-300); border-radius: 8px; background: var(--bg-paper-warm); padding: var(--space-4); }
.tracking-signal strong { display: block; color: var(--ink-primary); font-size: var(--fs-base); }
.tracking-signal span { color: var(--gray-700); font-size: var(--fs-sm); }
.tracking-signal.is-found { border-color: var(--status-success); }
.tracking-signal.is-missing { border-color: var(--status-warn); }
.tracking-unlock, .tracking-fix-plan { margin-top: var(--space-8); border: 1px solid var(--accent-gold); border-radius: 12px; background: var(--bg-paper); padding: clamp(1.5rem, 4vw, 2.5rem); }
.tracking-fields { display: grid; grid-template-columns: 1fr 2fr; gap: var(--space-4); margin-bottom: var(--space-3); }
.tracking-fields label { margin: 0; }
.tracking-check { display: flex; gap: var(--space-2); align-items: flex-start; margin: 0 0 var(--space-4); font-size: var(--fs-sm); }
.tracking-check input { margin-top: .35rem; }
.tracking-turnstile { min-height: 1px; margin-bottom: var(--space-3); }
.tracking-fix-plan ol { display: grid; gap: var(--space-4); padding-left: 1.4rem; }
.tracking-fix-plan li { padding-left: var(--space-2); }
.tracking-fix-plan li strong { color: var(--ink-primary); }
.tracking-book { margin-top: var(--space-4); }
.tracking-offers { padding: var(--space-16) 0; }
.tracking-offers h2 { max-width: 720px; font-size: clamp(2rem, 4vw, 3rem); }
.tracking-offer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); margin-top: var(--space-8); }
.tracking-offer-grid article { border-top: 2px solid var(--accent-gold); background: var(--bg-paper-warm); padding: var(--space-6); }
.tracking-price { color: var(--accent-gold); font-weight: var(--fw-bold); }
.tracking-footer { border-top: 1px solid var(--gray-300); padding: var(--space-6) 0; color: var(--gray-700); font-size: var(--fs-sm); }
.tracking-footer .tracking-wrap { display: flex; justify-content: space-between; gap: var(--space-4); }
.tracking-footer a { color: var(--ink-body); }
@media (max-width: 760px) {
  .tracking-hero { padding-top: var(--space-16); }
  .tracking-input-row, .tracking-fields, .tracking-offer-grid { grid-template-columns: 1fr; }
  .tracking-result-head { align-items: flex-start; }
  .tracking-score { min-width: 112px; }
  .tracking-score strong { font-size: 2.2rem; }
  .tracking-signal-grid { grid-template-columns: 1fr 1fr; }
  .tracking-footer .tracking-wrap { flex-direction: column; }
}
@media (max-width: 480px) { .tracking-signal-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }