.tracker-hero { background:linear-gradient(#fff 70%,#fffdec); }
.tracker-eyebrow { font-size:12px; letter-spacing:.12em; font-weight:750; margin-bottom:16px; }
.tracker-hero > .container > .tracker-eyebrow { text-align:center; color:var(--blue); }
.tracker-hero h1 { font-size:clamp(40px,5.5vw,72px); }
.tracker-preview { margin:38px 6px 0 0; background:white; border:2px solid #111; border-radius:8px; padding:28px; box-shadow:8px 8px 0 var(--yellow); }
.tracker-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.tracker-preview-heading h2 { font-size:28px; }
.tracker-preview-heading .tracker-eyebrow { font-size:10px; margin-bottom:8px; color:#555; }
.tracker-demo { background:#f0f2f5; padding:6px 10px; border-radius:4px; font-size:12px; }
.tracker-dashboard { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:36px; margin:30px 0; }
.tracker-chart-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.tracker-chart-title h3 { font-size:17px; }.tracker-chart-title span { font-size:12px; color:#555; }
.tracker-chart { width:100%; height:auto; }
.tracker-summary { background:#f7f9ff; border:1px solid #dce4f9; border-radius:6px; padding:22px; }
.tracker-summary > p:first-child { font-size:10px; letter-spacing:.08em; font-weight:750; }
.tracker-summary > strong { display:flex; align-items:center; gap:14px; font-size:52px; letter-spacing:-.05em; color:#00823c; margin:8px 0 0; line-height:1.2; }
.tracker-summary > strong .icon { width:30px; height:30px; }.tracker-summary > span { font-size:13px; }
.tracker-summary dl { margin:20px 0 16px; }.tracker-summary dl div { display:flex; justify-content:space-between; gap:10px; border-bottom:1px solid #dde3ef; padding:9px 0; font-size:13px; }.tracker-summary dd { margin:0; font-weight:750; }
.tracker-context-note { font-size:12px; line-height:1.6; color:#474c56; }
.tracker-table-wrap { overflow-x:auto; }.tracker-table-wrap table { width:100%; border-collapse:collapse; white-space:nowrap; text-align:right; font-size:14px; }.tracker-table-wrap th,.tracker-table-wrap td { padding:13px 16px; border-bottom:1px solid #e2e5eb; }.tracker-table-wrap thead { background:#f3f5f8; }.tracker-table-wrap th:first-child { text-align:left; }.tracker-table-wrap tbody th { font-weight:600; }.tracker-table-wrap tbody tr:first-child { background:#fffde7; }.tracker-positive { color:#00823c; font-weight:750; }.tracker-latest { font-size:10px; background:var(--yellow); padding:3px 5px; margin-left:8px; border-radius:3px; }.tracker-preview-note { font-size:12px; color:#555; margin-top:16px; }
.tracker-discovery { padding:60px 0; }.tracker-discovery-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }.tracker-discovery h2,.tracker-method h2 { font-size:clamp(32px,4vw,48px); }.tracker-discovery p { font-size:18px; margin:20px 0 26px; }.tracker-discovery aside { border:2px solid #111; box-shadow:7px 7px 0 var(--yellow); border-radius:5px; padding:28px; }.tracker-discovery h3 { font-size:22px; margin-bottom:14px; }.tracker-discovery aside a { display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid #ddd; padding:20px 0; font-size:14px; }.tracker-discovery aside a span:first-child { font-weight:800; font-size:18px; }.tracker-discovery aside a:hover { color:var(--blue); }.tracker-discovery aside p { font-size:12px; margin:20px 0 0; color:#555; }
.tracker-method { padding:44px 0; background:#111; color:white; }.tracker-method > .container { display:grid; grid-template-columns:1fr 1.3fr; gap:70px; }.tracker-method p:not(.tracker-eyebrow) { font-size:17px; color:#e0e1e7; margin-bottom:18px; }.tracker-method a { color:var(--yellow); font-weight:650; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:900px) { .tracker-dashboard { grid-template-columns:minmax(0,1fr) 220px; gap:20px; }.tracker-preview { padding:20px; }.tracker-discovery-grid,.tracker-method > .container { gap:30px; } }
@media(max-width:680px) { .tracker-hero h1 { font-size:42px; }.tracker-hero .rt-search .button { padding:0 12px; font-size:13px; }.tracker-preview { padding:18px 12px; margin-top:28px; }.tracker-preview-heading { align-items:flex-start; flex-direction:column; gap:12px; }.tracker-preview-heading h2 { font-size:25px; }.tracker-dashboard { grid-template-columns:1fr; gap:20px; margin:24px 0; }.tracker-summary { padding:20px; }.tracker-summary > strong { font-size:44px; }.tracker-table-wrap th,.tracker-table-wrap td { padding:12px; }.tracker-discovery-grid,.tracker-method > .container { grid-template-columns:1fr; }.tracker-discovery { padding:36px 0; }.tracker-discovery aside { margin-right:7px; padding:20px; }.tracker-discovery aside a { flex-wrap:wrap; }.tracker-chart-title { gap:10px; }.tracker-chart-title span { font-size:10px; } }