.analytics-page .detail-hero{padding-bottom:48px}.analytics-page .detail-hero h1{max-width:22ch}.analytics-preview{padding-bottom:clamp(64px,8vw,112px);scroll-margin-top:28px}.analytics-page :is(a,button,input,[role=button]):focus-visible{outline-offset:5px;outline:2px solid #0284c7}.analytics-page .detail-section-header{margin-bottom:40px}.analytics-page .detail-section-header>p:not(.v2-kicker){max-width:48ch}.analytics-reference{align-items:center;gap:12px;margin-top:30px;display:inline-flex}.analytics-filter-demo{border-block:1px solid var(--tofupilot-neutral-300)}.analytics-filter-header{justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.analytics-filter-scopes,.analytics-filter-scopes>span{align-items:center;gap:16px;display:flex}.analytics-filter-scopes svg{color:var(--tofupilot-neutral-400);flex-shrink:0}.analytics-filter-scopes button{color:var(--tofupilot-neutral-500);font:500 16px/1.4 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:8px 0;transition:color .4s}.analytics-filter-scopes button[aria-pressed=true]{color:var(--tofupilot-sky-700,#0369a1);text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px}.analytics-filter-playback{border:1px solid var(--tofupilot-neutral-300);width:40px;height:40px;color:var(--tofupilot-neutral-600);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;display:grid}.analytics-filter-playback:hover{background:var(--tofupilot-neutral-200)}.analytics-filter-chart{border:1px solid var(--tofupilot-neutral-300);background:#fff;padding:clamp(18px,3vw,36px)}.analytics-filter-summary{color:var(--tofupilot-neutral-600);font:400 13px/1.5 var(--font-mono);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.analytics-filter-summary strong{min-width:2ch;color:var(--tofupilot-neutral-800);text-align:right;font-variant-numeric:tabular-nums;font-weight:500;display:inline-block}.analytics-filter-chart svg{width:100%;height:auto;margin-top:16px;display:block;overflow:visible}.analytics-filter-grid{stroke:var(--tofupilot-neutral-200);stroke-width:1px;vector-effect:non-scaling-stroke}.analytics-filter-chart circle{fill:var(--tofupilot-neutral-200);transition:fill .6s}.analytics-filter-chart circle[data-selected=true]{fill:var(--tofupilot-sky-700,#0369a1)}.analytics-filter-chart text{fill:var(--tofupilot-neutral-500);font:12px var(--font-mono)}.analytics-filter-caption{color:var(--tofupilot-neutral-600);justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;display:flex}.analytics-filter-caption p{font:400 15px/1.5 var(--font-sans);margin:0}.analytics-filter-caption>span{font:400 11px/1.5 var(--font-mono)}@media (max-width:560px){.analytics-filter-header,.analytics-filter-scopes,.analytics-filter-scopes>span{gap:8px}.analytics-filter-scopes button{font-size:13px}.analytics-filter-playback{width:32px;height:36px}.analytics-filter-summary{font-size:10px}.analytics-filter-caption{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){.analytics-filter-demo *{transition:none}}.analytics-control-demo{border:1px solid var(--tofupilot-neutral-300);background:#fff}.analytics-demo-heading{border-bottom:1px solid var(--tofupilot-neutral-200);justify-content:space-between;align-items:center;gap:16px;padding:28px 32px;display:flex}.analytics-demo-heading .site-meta{color:var(--tofupilot-neutral-500);font-size:11px}.analytics-demo-heading h2{font:500 23px/1.3 var(--font-sans);letter-spacing:-.03em;margin:8px 0 0}.analytics-example-label{color:var(--tofupilot-neutral-500);font:400 11px/1.5 var(--font-mono)}.analytics-chart-stats{border-bottom:1px solid var(--tofupilot-neutral-200);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.analytics-chart-stats>div{padding:24px 32px}.analytics-chart-stats>div+div{border-left:1px solid var(--tofupilot-neutral-200)}.analytics-chart-stats span,.analytics-production-stats span{color:var(--tofupilot-neutral-500);font:400 12px/1.5 var(--font-mono);margin-bottom:10px;display:block}.analytics-chart-stats strong{font:500 clamp(24px, 2.5vw, 34px)/1.15 var(--font-mono);letter-spacing:-.055em;font-variant-numeric:tabular-nums;display:block}.analytics-chart-stats small{font-size:15px;font-weight:400}.analytics-chart-stats .analytics-spec-stat strong{padding-top:5px;font-size:clamp(18px,2vw,26px)}.analytics-chart-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 32px 8px;display:flex}.analytics-chart-toggles{gap:24px;display:flex}.analytics-chart-toggles label{color:var(--tofupilot-neutral-600);font:400 13px/1.5 var(--font-sans);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.analytics-chart-toggles input{accent-color:#262626;width:14px;height:14px;margin:0}.analytics-chart-layout{grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:24px;padding:18px 32px 28px;display:grid}.analytics-chart-layout svg{width:100%;height:auto;display:block;overflow:visible}.analytics-chart-layout text{font:11px var(--font-mono);fill:#737373}.analytics-chart-label{color:#737373;margin-bottom:16px;font-size:11px;display:block}.analytics-histogram{border-left:1px solid #e5e5e5;padding-left:20px}.analytics-histogram svg{height:calc(100% - 32px)}.analytics-histogram rect{fill:#525252;transition:width .7s}.analytics-limit{stroke:#a3a3a3;stroke-dasharray:5 5;stroke-width:1px;vector-effect:non-scaling-stroke}.analytics-statistical-bands rect{fill:#0284c7;opacity:.07}.analytics-statistical-bands line{stroke:#0284c7;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.analytics-reading{transition:opacity .8s}.analytics-reading-dot{fill:#525252;transition:r .2s}.analytics-reading-dot[data-failed=true]{fill:#be185d}.analytics-reading-dot[data-selected=true]{stroke:#0284c7;stroke-width:2px}.analytics-reading-target{fill:#0000;cursor:pointer}.analytics-reading-target:hover{stroke:#0284c7;stroke-width:1px}.analytics-chart-bottom{background:#fafafa;border-top:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:20px;padding:22px 32px;display:flex}.analytics-chart-story{font:400 14px/1.5 var(--font-sans);color:#525252;align-items:center;gap:14px;display:flex}.analytics-stage-dots{gap:5px;display:flex}.analytics-stage-dots i{background:#d4d4d4;border-radius:50%;width:5px;height:5px}.analytics-stage-dots i[data-active=true]{background:#262626}.analytics-run-peek{font:400 12px/1.5 var(--font-mono);align-items:center;gap:18px;display:flex}.analytics-run-peek strong{font-weight:500}.analytics-run-peek span:last-child{color:#4d7c0f}.analytics-run-peek span[data-failed=true]{color:#be185d}.analytics-chart-takeaways{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:28px;display:grid}.analytics-chart-takeaways p{font:400 15px/1.6 var(--font-sans);color:#525252;margin:0}.analytics-chart-takeaways strong{color:#262626;font-weight:500;display:block}.analytics-production-demo{border:1px solid #525252;padding:30px 32px 0}.analytics-production-heading{color:#a3a3a3;font:400 11px/1.5 var(--font-mono);justify-content:space-between;align-items:baseline;gap:24px;display:flex}.analytics-production-heading .site-meta{color:inherit;font-size:11px}.analytics-production-stats{grid-template-columns:repeat(3,1fr);gap:32px;padding:32px 0;display:grid}.analytics-production-stats span{color:#a3a3a3}.analytics-production-stats strong{font:500 clamp(28px, 4vw, 52px)/1.2 var(--font-mono);letter-spacing:-.05em}.analytics-production-stats small{color:#a3a3a3;margin-left:4px;font-size:.5em}.analytics-volume{background:repeating-linear-gradient(0deg,#0000 0 62px,#404040 62px 63px);border-bottom:1px solid #737373;align-items:flex-end;gap:7px;height:190px;padding-top:20px;display:flex}.analytics-volume-day{flex-direction:column;flex:1;gap:2px;min-width:0;transition:opacity .6s;display:flex}.analytics-volume-pass{background:#a3a3a3}.analytics-volume-fail{background:#ec4899}.analytics-volume-axis{color:#a3a3a3;font:400 11px/1.5 var(--font-mono);justify-content:space-between;align-items:center;padding:16px 0 28px;display:flex}.analytics-volume-axis>div{gap:20px;display:flex}.analytics-volume-axis>div>span{align-items:center;gap:7px;display:flex}.analytics-volume-axis i{background:#a3a3a3;width:6px;height:6px}.analytics-volume-axis>div>span:last-child i{background:#ec4899}.analytics-production-insight{border-top:1px solid #525252;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:22px 0;display:flex}.analytics-production-insight .site-meta{color:#a3a3a3;font-size:11px}.analytics-production-insight strong{font:500 16px/1.5 var(--font-sans)}.analytics-production-insight a{color:#38bdf8;font:400 13px/1.5 var(--font-sans);align-items:center;gap:10px;margin-left:auto;text-decoration:none;display:inline-flex}@media (max-width:760px){.analytics-page .detail-hero{padding-bottom:32px}.analytics-demo-heading{align-items:flex-start;padding:20px}.analytics-demo-heading h2{font-size:20px}.analytics-example-label{text-align:right;max-width:10ch}.analytics-chart-stats{grid-template-columns:repeat(3,1fr)}.analytics-chart-stats>div{padding:18px 12px}.analytics-chart-stats strong{font-size:clamp(19px,3.8vw,28px)}.analytics-chart-stats span,.analytics-chart-stats small{font-size:11px}.analytics-chart-stats .analytics-spec-stat{display:none}.analytics-chart-toolbar{padding:16px 20px 8px}.analytics-chart-layout{grid-template-columns:1fr;padding:18px 12px 22px}.analytics-chart-label{margin-left:8px}.analytics-histogram{display:none}.analytics-chart-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.analytics-chart-takeaways{grid-template-columns:1fr;gap:16px}.analytics-chart-takeaways strong{display:inline}.analytics-production-demo{padding:22px 20px 0}.analytics-production-heading{flex-direction:column;gap:6px}.analytics-production-stats{gap:12px}.analytics-production-stats span{font-size:10px}.analytics-production-stats strong{font-size:clamp(24px,4vw,38px)}.analytics-volume{gap:3px}.analytics-production-insight{gap:8px 14px}.analytics-production-insight a{margin-left:0}}@media (prefers-reduced-motion:reduce){.analytics-control-demo *,.analytics-production-demo *{transition:none}}