/* Telemetry education — provenance-forward signal ledger. */
.telemetry-hero{background:linear-gradient(135deg,var(--bg) 0 62%,var(--soft) 62%)}
.telemetry-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:82px;align-items:center}
.telemetry-hero h1{max-width:11ch}
.source-ledger{background:var(--mock-canvas);color:var(--mock-ink);border:1px solid color-mix(in srgb,var(--mock-ink) 9%,transparent);border-radius:24px;padding:28px;box-shadow:0 34px 70px color-mix(in srgb,var(--mock-canvas) 14%,transparent)}
.source-ledger-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--mock-ink) 9%,transparent);font:800 8px var(--mono);letter-spacing:.15em;color:var(--mock-ink3)}
.source-ledger-head b{color:var(--mock-ink2);letter-spacing:0;text-transform:none}
.source-row{display:grid;grid-template-columns:10px 1fr;gap:14px;align-items:start;padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--mock-ink) 7%,transparent)}
.source-row i{width:8px;height:8px;margin-top:5px;border-radius:50%;box-shadow:0 0 12px currentColor}
.source-row i.bike{color:var(--rider);background:currentColor}
.source-row i.gps{color:var(--motor);background:currentColor}
.source-row i.health{color:var(--heart);background:currentColor}
.source-row i.derived{color:var(--caution);background:currentColor}
.source-row b,.source-row small{display:block}
.source-row b{font:800 12px var(--text);letter-spacing:.05em;text-transform:uppercase}
.source-row small{color:var(--mock-ink2);font-size:10px;line-height:1.5;margin-top:3px}
.source-ledger>p{color:var(--mock-ink3);margin-top:15px;font:700 9px/1.55 var(--mono);letter-spacing:.04em}

.signal-section{background:var(--bg)}
.signal-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:end;gap:56px;margin-bottom:82px}
.signal-intro h2,.trust-copy h2,.telemetry-cta h2{font:900 clamp(40px,5.8vw,76px)/.92 var(--disp);letter-spacing:-.06em;text-wrap:balance;margin-top:15px}
.signal-intro>p{color:var(--ink2);font-size:14px;line-height:1.75;max-width:54ch}
.signal-group{margin-top:84px}
.signal-group>header{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}
.signal-group>header>span{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:900 10px var(--mono)}
.signal-group>header h3{font:900 clamp(28px,3.6vw,46px)/1 var(--disp);letter-spacing:-.045em;margin-top:7px}
.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:23px;overflow:hidden;margin-top:20px}
.signal-card{min-width:0;background:var(--panel);padding:28px 30px}
.signal-top{display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.signal-top>span{color:var(--ink3);font:850 8px var(--mono);letter-spacing:.15em}
.signal-top>b{font:900 31px/1 var(--round);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.signal-top b small{color:var(--ink3);font-size:10px;letter-spacing:0}
.signal-top .mode-value{color:var(--levo);font-size:22px;letter-spacing:.08em}
.source-tag{display:inline-flex;align-items:center;gap:6px;margin-top:16px;border-radius:99px;padding:5px 8px;font:800 7px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.source-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.source-tag.bike{color:var(--rider);background:color-mix(in srgb,var(--rider) 13%,transparent)}
.source-tag.gps{color:var(--motor);background:color-mix(in srgb,var(--motor) 13%,transparent)}
.source-tag.health{color:var(--heart);background:color-mix(in srgb,var(--heart) 13%,transparent)}
.source-tag.derived{color:var(--caution);background:color-mix(in srgb,var(--caution) 13%,transparent)}
.signal-card p{color:var(--ink2);max-width:58ch;margin-top:17px;font-size:13px;line-height:1.65}
.signal-card>small{display:block;color:var(--ink3);border-top:1px solid var(--line);margin-top:17px;padding-top:13px;font-size:9px;line-height:1.55}
.signal-grid.five .signal-card:last-child{grid-column:1/-1}

.trust-section{background:var(--mock-canvas);color:var(--mock-ink)}
.trust-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:92px}
.trust-copy{align-self:start;position:sticky;top:120px}
.trust-copy .eyebrow{color:var(--mock-ink3)}
.trust-copy p{color:var(--mock-ink2);max-width:48ch;margin-top:24px;font-size:14px;line-height:1.75}
.trust-list{border-top:1px solid color-mix(in srgb,var(--mock-ink) 11%,transparent)}
.trust-list article{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid color-mix(in srgb,var(--mock-ink) 11%,transparent)}
.trust-list article>span{color:var(--rider);font:800 8px var(--mono);letter-spacing:.16em;margin-top:4px}
.trust-list h3{font:850 22px/1.1 var(--disp);letter-spacing:-.03em}
.trust-list p{color:var(--mock-ink2);margin-top:9px;font-size:12px;line-height:1.65}
.trust-list article:nth-child(2)>span{color:var(--stale)}
.trust-list article:nth-child(3)>span{color:var(--caution)}
.trust-list article:nth-child(4)>span{color:var(--heart)}

.telemetry-cta{background:var(--soft)}
.telemetry-cta>.wrap{display:flex;justify-content:space-between;align-items:end;gap:48px}
.telemetry-cta h2{max-width:12ch}
.telemetry-cta .button-primary{flex:none;border-radius:999px;min-height:48px;padding:13px 21px;display:inline-flex;align-items:center;gap:12px;font:800 9px var(--text);letter-spacing:.1em;text-transform:uppercase}
.telemetry-cta .button-primary span{font-size:15px}
.footer-levo{color:var(--levo)}

@media (width<=900px){
  .telemetry-hero-grid{grid-template-columns:1fr;gap:42px}
  .signal-intro,.trust-grid{grid-template-columns:1fr;gap:34px}
  .trust-copy{position:static}
  .telemetry-cta>.wrap{align-items:start;flex-direction:column}
}
@media (width<=720px){
  .telemetry-hero{background:var(--bg)}
  .source-ledger{padding:22px}
  .signal-intro{margin-bottom:56px}
  .signal-group{margin-top:62px}
  .signal-group>header{grid-template-columns:42px 1fr;gap:14px}
  .signal-group>header>span{width:38px;height:38px}
  .signal-grid{grid-template-columns:1fr}
  .signal-grid.five .signal-card:last-child{grid-column:auto}
  .signal-card{padding:24px 22px}
  .signal-top>b{font-size:26px}
  .trust-list article{grid-template-columns:1fr;gap:8px;padding:24px 0}
  .telemetry-cta>.wrap{gap:30px}
}
