.track-page { min-height: 100vh; background: var(--paper); }
.track-header { height: 78px; color: white; background: var(--navy); }
.track-header .nav-wrap { justify-content: space-between; }
.track-header .brand-copy small { color: #7f95a9; }
.track-header .back-link { margin: 0; font-size: 13px; }
.track-hero { padding: 110px 0; color: white; background: radial-gradient(circle at 20% 50%, #16497c, transparent 38%), var(--navy); }
.track-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }
.track-layout h1 { margin: 20px 0; font-size: clamp(48px, 6vw, 74px); line-height: 1.08; letter-spacing: -.05em; }
.track-layout > div > p { max-width: 500px; color: #a8bac9; line-height: 1.9; }
.track-form { padding: 42px; color: var(--ink); background: white; border-top: 4px solid var(--orange); box-shadow: 0 28px 70px rgba(0,0,0,.25); }
.track-form label { display: block; margin-bottom: 12px; font-size: 12px; font-weight: 800; }
.track-form > div { display: flex; }
.track-form input { min-width: 0; flex: 1; height: 56px; padding: 0 18px; border: 1px solid var(--line); outline: 0; }
.track-form input:focus { border-color: var(--orange); }
.track-form button { min-width: 145px; border: 0; color: white; background: var(--orange); font-weight: 800; }
.track-form > small { display: block; margin-top: 14px; color: #8b97a3; font-size: 10px; line-height: 1.6; }
.track-form > p { margin: 18px 0 0; padding: 13px; color: #85410c; background: #fff3e8; font-size: 12px; line-height: 1.7; }
.track-info { padding: 80px 0 110px; }
.track-steps { display: grid; grid-template-columns: repeat(6, 1fr); background: white; border: 1px solid var(--line); }
.track-steps article { min-height: 150px; padding: 24px 18px; border-right: 1px solid var(--line); }
.track-steps article:last-child { border: 0; }
.track-steps span { color: var(--orange); font: 800 10px Arial; }
.track-steps i { display: block; width: 10px; height: 10px; margin: 27px 0 15px; border: 2px solid var(--orange); border-radius: 50%; box-shadow: 0 0 0 6px #fff0e7; }
.track-steps strong { font-size: 13px; }
.track-privacy { margin-top: 28px; padding: 28px 32px; background: white; border-left: 4px solid var(--blue); }
.track-privacy strong { font-size: 15px; }
.track-privacy p { color: var(--muted); font-size: 12px; line-height: 1.8; }
.track-privacy a { color: var(--blue); font-size: 12px; font-weight: 800; }

@media (max-width: 820px) {
  .track-layout { grid-template-columns: 1fr; gap: 45px; }
  .track-steps { grid-template-columns: repeat(3, 1fr); }
  .track-steps article { border-bottom: 1px solid var(--line); }
}

@media (max-width: 520px) {
  .track-header { height: 68px; }
  .track-hero { padding: 75px 0; }
  .track-form { padding: 28px 22px; }
  .track-form > div { flex-direction: column; }
  .track-form button { min-height: 50px; }
  .track-steps { grid-template-columns: repeat(2, 1fr); }
}
.track-header .brand-logo { filter: brightness(0) invert(1); }


/* Customer portal handoff */
.track-coming > small { color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.track-coming h2 { margin: 18px 0 12px; font-size: 30px; }
.track-coming p { margin: 0 0 28px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.track-coming .button { display: flex; }