.tracker-page .site { width: min(1120px, calc(100% - 32px)); }

.tracker-page .site-logo-top a { display: inline-flex; }
.tracker-breadcrumb a { color: #cad8e6; text-decoration: none; }
.tracker-page .topbar-links a:focus-visible, .tracker-page .social-link:focus-visible, .tracker-breadcrumb a:focus-visible { color: var(--paper); outline: 3px solid var(--mint); outline-offset: 3px; }
.tracker-breadcrumb { display: flex; align-items: center; gap: 8px; margin: 0 4px 14px; color: var(--slate); font-size: 0.88rem; }
.tracker-breadcrumb a:hover { color: var(--paper); }

.tracker-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.65fr); gap: 22px; align-items: center; margin-bottom: 24px; padding: 18px; border: 1px solid var(--line); border-radius: 30px; background: rgba(11, 27, 42, 0.66); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24); }
.tracker-section, .tracker-final-cta { border: 1px solid var(--line); background: rgba(11, 27, 42, 0.66); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24); }
.tracker-hero-copy { padding: clamp(26px, 4vw, 48px); }
.tracker-eyebrow { margin: 0 0 8px; color: var(--mint); font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.84rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.tracker-hero h1 { max-width: 760px; margin-bottom: 16px; font-size: clamp(2.25rem, 6vw, 4.8rem); line-height: 0.98; }
.tracker-lead { max-width: 690px; color: var(--fog); font-size: clamp(1.08rem, 2.2vw, 1.34rem); line-height: 1.65; }
.tracker-platforms { margin: 20px 0 8px; color: var(--paper); font-weight: 700; }
.tracker-store-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.tracker-hero-visual { margin: 0; }
.tracker-hero-visual picture { display: block; }
.tracker-hero-visual img { width: 100%; height: auto; display: block; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 18px; }
.tracker-hero-visual figcaption { padding: 10px 4px 0; color: #9ab0c5; font-size: 0.82rem; text-align: center; }

.tracker-section { margin-bottom: 18px; padding: clamp(24px, 4vw, 40px); border-radius: 24px; }
.tracker-section-heading { max-width: 820px; margin-bottom: 20px; }
.tracker-section h2, .tracker-final-cta h2, .tracker-streaming-note h2 { margin-bottom: 10px; font-size: clamp(1.65rem, 3.5vw, 2.45rem); line-height: 1.12; }
.tracker-section p, .tracker-final-cta p, .tracker-streaming-note p { color: var(--fog); line-height: 1.7; }
.tracker-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tracker-card, .tracker-feature-list article, .tracker-faq article, .tracker-note { border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; background: rgba(255, 255, 255, 0.035); }
.tracker-card { padding: 18px; }
.tracker-card h3, .tracker-feature-list h3, .tracker-faq h3, .tracker-note h3 { margin-bottom: 7px; font-size: 1.04rem; }
.tracker-feature-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.tracker-feature-list article, .tracker-faq article { padding: 18px; }
.tracker-split { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr); gap: 20px; align-items: center; }
.tracker-note { padding: 20px; border-color: rgba(76, 181, 174, 0.3); background: rgba(76, 181, 174, 0.08); }
.tracker-streaming-note { margin: 22px 0; padding: clamp(22px, 4vw, 34px); border: 1px solid rgba(76, 181, 174, 0.42); border-left: 5px solid var(--mint); border-radius: 20px; background: rgba(76, 181, 174, 0.08); }
.tracker-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tracker-final-cta { display: grid; justify-items: center; margin-top: 22px; padding: clamp(26px, 5vw, 46px); border-radius: 26px; text-align: center; }
.tracker-final-cta p { margin-bottom: 12px; }
.tracker-page footer { margin-top: 24px; }

@media (max-width: 820px) {
  .tracker-hero { grid-template-columns: 1fr; gap: 18px; padding: 0; border: 0; background: transparent; box-shadow: none; }
  .tracker-hero-copy, .tracker-hero-visual { border: 1px solid var(--line); background: rgba(11, 27, 42, 0.66); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24); }
  .tracker-hero-copy { border-radius: 30px; }
  .tracker-split { grid-template-columns: 1fr; }
  .tracker-hero-visual { width: min(440px, 100%); padding: 14px; border-radius: 26px; justify-self: center; }
  .tracker-feature-list { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .tracker-page .site { width: min(100%, calc(100% - 20px)); padding-top: 12px; }
  .tracker-breadcrumb { margin-left: 2px; }
  .tracker-card-grid, .tracker-faq { grid-template-columns: 1fr; }
  .tracker-hero-copy, .tracker-section, .tracker-final-cta { padding: 22px 18px; }
  .tracker-store-links { justify-content: center; }
}