html{min-height:100%;overflow-x:clip}.landing-body,.landing-body main{min-height:100%}.landing-body{--landing-page-padding:clamp(1rem, 3.2vw, 3rem);--landing-graph:#1ca045;width:100%;min-width:0;min-height:100dvh;overflow-x:clip}@supports (color:lab(0% 0 0)){.landing-body{--landing-graph:lab(57.9954% -50.215 36.9892)}}.landing-header{z-index:2;width:100%;min-height:5rem;padding-inline:var(--landing-page-padding);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.landing-footer{align-self:end;gap:var(--space-2);min-width:0;max-width:27rem;font-family:var(--font-data);letter-spacing:var(--tracking-label);text-transform:uppercase;grid-area:footer;padding:clamp(2rem,5vh,4rem) 0 0 .2rem;font-size:.625rem;display:grid}.landing-footer nav{gap:var(--space-4);display:flex}.landing-footer a{color:var(--color-text-muted);text-underline-offset:.2rem}.landing-footer a:hover,.landing-footer a:focus-visible{color:var(--color-text)}.landing-footer p{color:var(--color-text-quiet);font-family:var(--font-ui);letter-spacing:0;text-transform:none;margin:0;font-size:.6875rem;line-height:1.45}.landing-wordmark{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.055em;text-transform:uppercase;line-height:1;text-decoration:none}.landing-actions{align-items:center;gap:clamp(.875rem,2vw,1.5rem);display:flex}.landing-login{font-size:var(--text-md);font-weight:var(--weight-action);text-underline-offset:.25em;text-decoration-thickness:1px}.landing-cta{justify-content:center;align-items:center;gap:var(--space-4);min-height:2.875rem;padding:var(--space-3) var(--space-4);border:var(--border) solid var(--color-border-strong);color:var(--color-surface);background:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-bold);transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);text-decoration:none;display:inline-flex}.landing-cta:hover,.landing-cta:focus-visible{color:var(--color-text);background:var(--color-surface);transform:translate(-2px,-2px)}.landing-cta-icon{fill:currentColor;flex:none;width:1.125rem;height:1.125rem}.hero{width:100%;min-width:0;min-height:100dvh;padding:clamp(6rem, 12vh, 8rem) var(--landing-page-padding) clamp(1.5rem, 4vh, 3rem);grid-template:"copy chart""footer chart"minmax(min-content,1fr)/minmax(0,.72fr) minmax(0,1.28fr);align-content:center;align-items:start;column-gap:clamp(2.5rem,6vw,7rem);display:grid}.hero-copy{grid-area:copy;align-self:start;min-width:0}.hero h1{min-width:0;font-size:clamp(4.5rem,9vw,9.5rem);font-weight:var(--weight-bold);letter-spacing:-.085em;margin:0;padding-bottom:.08em;line-height:.86}.hero-copy>p{width:min(31rem,100%);margin:var(--space-6) 0 0 .2rem;color:var(--color-text-muted);font-size:clamp(.9375rem,1.25vw,1.125rem);line-height:1.5}.tracker-links{gap:var(--space-3);width:min(31rem,100%);margin:clamp(1.5rem,4vh,2.75rem) 0 0 .2rem;display:grid}.tracker-links a{align-items:baseline;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);grid-template-columns:5.5rem minmax(0,1fr) auto;line-height:1.35;text-decoration:none;display:grid}.tracker-links a:after{color:var(--color-text);content:"↗";font-family:var(--font-data)}.tracker-links strong{color:var(--color-text);font-size:var(--text-md)}.tracker-links a:hover span,.tracker-links a:focus-visible span{color:var(--color-text)}.hero-install-button{min-height:2.25rem;margin:var(--space-4) 0 0 .2rem;padding:var(--space-2) var(--space-3);border:var(--border) solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-data);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer;transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out);background:0 0;align-items:center;font-size:.625rem;display:inline-flex}.hero-install-button:hover,.hero-install-button:focus-visible{color:var(--color-surface);background:var(--color-text)}.hero-install-button[hidden],.hero-install-hint[hidden]{display:none}.hero-copy>.hero-install-hint{margin:var(--space-4) 0 0 .2rem;color:var(--color-text-muted);font-family:var(--font-data);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:.625rem}.hero-chart{border:var(--border) solid var(--color-border-strong);background:var(--color-canvas);width:100%;min-width:0;max-width:60rem;animation:chart-enter .7s 80ms var(--ease-out) both;grid-area:chart;place-self:start center;margin:0}.hero-chart-header,.hero-chart figcaption{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.hero-chart-header{border-bottom:var(--border) solid var(--color-border-strong);padding:clamp(1rem,2.2vw,1.5rem)}.hero-chart-header>div,.hero-chart-value{min-width:0}.hero-chart-header>div{gap:var(--space-2);display:grid}.hero-chart-kicker{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex!important}.hero-chart-header>div,.hero-chart-value,.hero-chart-plot,.hero-chart figcaption{transition:opacity .22s var(--ease-out), transform .32s var(--ease-out)}.hero-chart.is-switching .hero-chart-header>div,.hero-chart.is-switching .hero-chart-value,.hero-chart.is-switching .hero-chart-plot,.hero-chart.is-switching figcaption{opacity:0}.hero-chart.is-switching .hero-chart-header>div,.hero-chart.is-switching .hero-chart-value{transform:translateY(-.35rem)}.hero-chart.is-switching .hero-chart-plot,.hero-chart.is-switching figcaption{transform:translateY(.35rem)}.hero-chart-type,.hero-chart-mode,.hero-chart figcaption{color:var(--color-text-muted);font-family:var(--font-data);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.hero-chart-mode{color:var(--landing-graph)}.hero-chart-mode:before{color:var(--color-text-quiet);content:"/";margin-right:.45rem}.hero-chart-header strong{font-size:clamp(1.25rem,2.2vw,2rem);font-weight:var(--weight-bold);letter-spacing:-.045em;line-height:1}.hero-chart-value{align-items:baseline;gap:var(--space-2);font-family:var(--font-data);font-variant-numeric:tabular-nums;margin:0;line-height:1;display:flex}.hero-chart-value>span{text-align:right;min-width:2ch;font-size:clamp(2rem,4.2vw,3.75rem);font-weight:var(--weight-bold);letter-spacing:-.08em}.hero-chart-value small{color:var(--color-text-muted);font-size:var(--text-sm)}.hero-chart-plot{aspect-ratio:760/390;min-height:0;overflow:hidden}.hero-chart-plot svg{width:100%;height:100%;display:block}.hero-chart-grid line{stroke:var(--color-surface-subtle);stroke-width:1px;vector-effect:non-scaling-stroke}.hero-chart-event-visual{visibility:hidden;opacity:0;transition:opacity .22s var(--ease-out), visibility 0s linear .22s}.hero-chart[data-graph-kind=timeline] .hero-chart-timeline,.hero-chart[data-graph-kind=heatmap] .hero-chart-heatmap{visibility:visible;opacity:1;transition-delay:0s}.hero-chart[data-graph-kind=timeline] .hero-chart-grid,.hero-chart[data-graph-kind=heatmap] .hero-chart-grid,.hero-chart[data-graph-kind=timeline] .hero-chart-cursor,.hero-chart[data-graph-kind=heatmap] .hero-chart-cursor,.hero-chart[data-graph-kind=timeline] .hero-chart-axis,.hero-chart[data-graph-kind=heatmap] .hero-chart-axis,.hero-chart[data-graph-kind=timeline] .hero-chart-line,.hero-chart[data-graph-kind=timeline] .hero-chart-area,.hero-chart[data-graph-kind=timeline] .hero-chart-points,.hero-chart[data-graph-kind=heatmap] .hero-chart-line,.hero-chart[data-graph-kind=heatmap] .hero-chart-area,.hero-chart[data-graph-kind=heatmap] .hero-chart-points,.hero-chart[data-graph-kind=choice] .hero-chart-line,.hero-chart[data-graph-kind=choice] .hero-chart-area{visibility:hidden;opacity:0}.hero-event-axis{stroke:var(--color-surface-subtle);stroke-width:1px;vector-effect:non-scaling-stroke}.hero-event-marks rect{fill:var(--landing-graph);opacity:0;transform-box:fill-box;transform-origin:bottom;vector-effect:non-scaling-stroke;transform:scaleY(0)}.hero-event-marks rect.is-present{opacity:.72;animation:event-mark-in .32s var(--ease-out) both;transform:scaleY(1)}.hero-event-marks rect.is-active{opacity:1;stroke:var(--color-text);stroke-width:2px}.hero-event-heatmap-cells rect{fill:var(--landing-graph);opacity:0;transform-box:fill-box;transform-origin:50%;transition:fill var(--duration) var(--ease-out), opacity .26s var(--ease-out), transform .36s var(--ease-out), stroke .16s var(--ease-out);vector-effect:non-scaling-stroke;transform:scaleY(.28)}.hero-event-heatmap-cells rect.is-present{opacity:var(--cell-opacity);transform:scaleY(1)}.hero-event-heatmap-cells rect.is-active{stroke:var(--color-text);stroke-width:2px}.hero-event-cell-counts text,.hero-event-labels text{fill:var(--color-text-muted);font-family:var(--font-data);letter-spacing:.04em;font-size:11px}.hero-event-cell-counts text{fill:var(--color-text);font-size:24px;font-weight:var(--weight-bold);letter-spacing:-.06em}.hero-chart-axis{fill:var(--color-text-quiet);font-family:var(--font-data);font-size:11px}.hero-chart[data-graph-kind=choice] [data-graph-y-label]{fill:var(--color-text);font-size:12px;font-weight:var(--weight-action)}.hero-chart-area{opacity:0;fill:var(--landing-graph);animation:graph-area .7s .92s var(--ease-out) forwards}.hero-chart-line{fill:none;stroke:var(--landing-graph);stroke-linecap:square;stroke-linejoin:miter;stroke-width:3px;vector-effect:non-scaling-stroke}.hero-chart-points circle{opacity:0;fill:var(--color-canvas);stroke:var(--landing-graph);stroke-width:3px;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke;animation:graph-point .42s var(--point-delay) var(--ease-out) forwards;transition:fill var(--duration) var(--ease-out), r var(--duration) var(--ease-out)}.hero-chart-points circle:not(.is-present){display:none}.hero-chart-points circle.is-active{fill:var(--landing-graph);r:8px}.hero-chart-cursor{--cursor-x:56px;--cursor-y:257px;transform:translate(var(--cursor-x), var(--cursor-y));transition:transform .76s var(--ease-out)}.hero-chart-cursor line{opacity:.55;stroke:var(--landing-graph);stroke-dasharray:3 5;stroke-width:1px;vector-effect:non-scaling-stroke}.hero-chart-cursor circle{fill:var(--landing-graph);stroke:var(--color-canvas);stroke-width:4px;vector-effect:non-scaling-stroke}.hero-chart figcaption{padding:var(--space-3) clamp(1rem, 2.2vw, 1.5rem);border-top:var(--border) solid var(--color-border-strong)}.hero-chart figcaption span:last-child{text-align:right}@keyframes graph-point{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes graph-area{to{opacity:.08}}@keyframes chart-enter{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes event-mark-in{0%{opacity:0;transform:scaleY(0)}to{opacity:.72;transform:scaleY(1)}}@media (max-width:64rem){.landing-header{min-height:4.5rem}.hero{grid-template:"copy""chart""footer"/1fr;align-content:start;align-items:start;gap:0;width:min(100%,56rem);margin-inline:auto;padding-top:6rem}.hero-copy{width:100%;margin-bottom:clamp(2.5rem,7vw,4rem)}.hero h1{padding-bottom:.1em;font-size:clamp(3.25rem,17vw,5.75rem);line-height:.9}.hero-copy>p{max-width:22rem;margin-top:var(--space-3);font-size:var(--text-md)}.tracker-links{width:min(28rem,100%);margin-top:var(--space-6)}.landing-footer{width:100%;max-width:31rem;padding:0 0 var(--space-4) .2rem}.hero-chart{align-self:start;margin-bottom:clamp(3rem,8vw,4.5rem)}.hero-chart-header{padding-block:var(--space-3)}.hero-chart-header>div{gap:var(--space-1)}.hero-chart-value>span{font-size:2rem}.hero-chart figcaption span:last-child{display:none}}@media (max-width:26rem){.landing-actions{gap:var(--space-3)}.landing-login{font-size:var(--text-sm)}.landing-cta{gap:var(--space-2);min-height:2.625rem;padding-inline:var(--space-3);font-size:var(--text-sm)}.hero-chart-axis{font-size:10px}.tracker-links a{gap:var(--space-2);grid-template-columns:4.75rem minmax(0,1fr) auto}}@media (max-width:64rem) and (max-height:44rem){.hero{padding-top:5rem;padding-bottom:var(--space-4)}.hero-chart figcaption{padding-block:var(--space-2)}}@media (min-width:64.01rem) and (max-height:44rem){.hero-chart{width:min(100%,194.872dvh - 21.4359rem)}}@media (prefers-reduced-motion:reduce){.hero-chart,.hero-chart-points circle{opacity:1;animation:none;transform:none}.hero-chart-area{animation:none}.hero-chart-header>div,.hero-chart-value,.hero-chart-plot,.hero-chart figcaption{transition:none}.hero-chart-area{opacity:.08}.hero-chart-event-visual{transition:none}.hero-event-marks rect,.hero-event-marks rect.is-present,.hero-event-heatmap-cells rect,.hero-event-heatmap-cells rect.is-present{transition:none;animation:none;transform:none}}