/* Build tracker: live delivery numbers from the Momentrix repository (data in dev-stats.json). */
.tracker-section{padding-top:110px}
.tracker-section .section-heading{display:block;margin-bottom:34px}
.tracker-section h2{font-size:clamp(33px,3.7vw,48px);letter-spacing:-.055em;max-width:900px}
.tracker-intro{color:#a8a8a8;font-size:14px;line-height:1.75;max-width:680px;margin-top:22px}
.tracker-live{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c9c9c9;margin-bottom:18px}
.tracker-live:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 #34aab866;animation:tracker-pulse 2.4s ease-out infinite}
@keyframes tracker-pulse{0%{box-shadow:0 0 0 0 #34aab866}70%{box-shadow:0 0 0 9px #34aab800}100%{box-shadow:0 0 0 0 #34aab800}}
.tracker-tiles{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);margin-bottom:28px}
.tracker-tile{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:22px 18px 20px;border-right:1px solid var(--line);min-width:0}
.tracker-tile:last-child{border-right:0}
.tracker-tile dd{margin:0;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.05em;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;line-height:1.05}
.tracker-tile dt{font-size:11px;line-height:1.45;color:#a8a8a8;margin-top:9px}
.tracker-tile.is-highlight dd{color:var(--accent)}
.tracker-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin-bottom:28px}
.tracker-panel{border:1px solid var(--line);background:#070707;padding:24px 24px 22px;min-width:0}
.tracker-panel h3{font-size:15px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.tracker-panel .tracker-sub{font-size:11.5px;color:#8f8f8f;margin-bottom:22px;line-height:1.5}
.tracker-bars{display:grid;gap:15px}
.tracker-bar-row{display:grid;grid-template-columns:minmax(0,168px) 1fr;gap:14px;align-items:center}
.tracker-bar-label{font-size:12px;line-height:1.3;color:#e5e5e5}
.tracker-bar-label small{display:block;color:#8a8a8a;font-size:10.5px;margin-top:2px}
.tracker-bar-track{position:relative;height:30px;background:#141414;border-radius:2px;overflow:hidden}
.tracker-bar-fill{position:absolute;inset:0 auto 0 0;width:var(--w);background:#3a3a3a;border-radius:2px;transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.tracker-bar-fill.is-me{background:linear-gradient(90deg,#0a7e8c,#34aab8)}
.tracker-bar-value{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 3px #000}
.tracker-section:not(.is-visible) .tracker-bar-fill,.tracker-section:not(.is-visible) .tracker-col-fill{transform:scaleX(0)}
.tracker-months{display:flex;align-items:flex-end;gap:10px;height:190px;padding-top:22px;border-bottom:1px solid var(--line)}
.tracker-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0;position:relative}
.tracker-col-value{font-size:11px;font-weight:600;color:#e5e5e5;margin-bottom:6px;font-variant-numeric:tabular-nums}
.tracker-col-fill{width:100%;max-width:46px;height:var(--h);min-height:2px;background:linear-gradient(180deg,#34aab8,#0a7e8c);border-radius:2px 2px 0 0;transform-origin:bottom;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.tracker-section:not(.is-visible) .tracker-col-fill{transform:scaleY(0)}
.tracker-col-labels{display:flex;gap:10px;margin-top:8px}
.tracker-col-labels span{flex:1;text-align:center;font-size:10.5px;color:#8a8a8a;min-width:0}
.tracker-table-wrap{border:1px solid var(--line);overflow-x:auto;margin-bottom:18px}
.tracker-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.tracker-table caption{text-align:left;padding:18px 20px 4px;font-size:15px;font-weight:600;letter-spacing:-.02em;color:#fff}
.tracker-table th,.tracker-table td{padding:14px 20px;text-align:left;border-top:1px solid #222;vertical-align:top}
.tracker-table thead th{font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#8f8f8f;border-top:0}
.tracker-table tbody th{font-weight:500;color:#cfcfcf}
.tracker-table td{font-variant-numeric:tabular-nums;color:#e8e8e8}
.tracker-table td.is-me{color:var(--accent);font-weight:600}
.tracker-table td small{display:block;color:#8a8a8a;font-weight:400;font-size:11px;margin-top:2px}
.tracker-notes{font-size:11.5px;line-height:1.7;color:#8a8a8a;max-width:900px}
.tracker-notes a{color:#bdbdbd;text-decoration:underline;text-underline-offset:2px}
.tracker-notes a:hover{color:#fff}
.tracker-months.is-daily,.tracker-col-labels.is-daily{gap:3px}
.tracker-months.is-daily .tracker-col-fill{max-width:none;border-radius:1px 1px 0 0}
.tracker-col-labels.is-daily span{overflow:visible;white-space:nowrap}
@media(max-width:1000px){.tracker-tiles{grid-template-columns:repeat(3,1fr)}.tracker-tile:nth-child(3){border-right:0}.tracker-tile:nth-child(-n+3){border-bottom:1px solid var(--line)}.tracker-grid{grid-template-columns:1fr}}
@media(max-width:680px){.tracker-section{padding-top:80px}.tracker-tiles{grid-template-columns:repeat(2,1fr)}.tracker-tile{padding:18px 14px}.tracker-tile:nth-child(3){border-right:1px solid var(--line)}.tracker-tile:nth-child(2n){border-right:0}.tracker-tile:nth-child(-n+4){border-bottom:1px solid var(--line)}.tracker-panel{padding:20px 16px}.tracker-bar-row{grid-template-columns:1fr;gap:6px}.tracker-months{gap:6px;height:160px}.tracker-col-labels{gap:6px}.tracker-col-value{font-size:10px}.tracker-table th,.tracker-table td{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.tracker-live:before{animation:none}.tracker-bar-fill,.tracker-col-fill{transition:none}.tracker-section:not(.is-visible) .tracker-bar-fill,.tracker-section:not(.is-visible) .tracker-col-fill{transform:none}}
