@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/plus-jakarta-sans-latin-500-normal-Bf-nb4oT.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-500-normal-DYtqi0QS.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}:root{--color-paper: oklch(19% .012 240 / .96);--color-surface: oklch(26% .014 240 / .96);--color-ink: oklch(98% .003 240);--color-muted: oklch(79% .012 240);--color-dark: oklch(12% .012 240);--color-dark-raised: oklch(25% .014 240);--color-dark-muted: oklch(80% .012 240);--color-rule: oklch(96% .008 240 / .18);--color-dark-rule: oklch(96% .008 240 / .22);--color-accent: oklch(85% .17 106);--color-accent-ink: oklch(18% .025 150);--color-focus: oklch(88% .17 106);--color-error: oklch(81% .12 35);--color-transparent: transparent;--color-hud-paper: oklch(12% .012 240 / .22);--color-hud-dark: oklch(12% .012 240 / .32);--color-hud-hover: oklch(12% .012 240 / .64);--color-hud-edge: oklch(98% .003 240 / .17);--color-hud-muted: oklch(92% .006 240 / .8);--color-hud-shadow: oklch(5% .008 240 / .86);--color-hud-scrim: oklch(8% .009 240 / .42);--color-hud-glass: oklch(15% .012 240 / .44);--color-hud-glass-shadow: oklch(5% .008 240 / .24);--color-chart-line: oklch(98% .003 240 / .92);--color-chart-shadow: oklch(8% .009 240 / .58);--color-chart-fill: oklch(85% .17 106 / .18);--font-display: "Barlow Condensed", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-micro: .12s;--color-landing-bg: oklch(19% .012 240);--color-landing-top: oklch(8% .009 240 / .64);--color-landing-bottom: oklch(8% .009 240 / .6);--color-landing-side: oklch(8% .009 240 / .74);--color-landing-floor: oklch(8% .009 240 / .86);--color-landing-raised: oklch(23% .013 240);--color-landing-dim: oklch(98% .003 240 / .62);--landing-gutter: clamp(16px, 4vw, 64px);--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 144px;--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-swap: .24s;--dur-fade: .4s}:root{--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .016 95);--color-paper-3: oklch(91% .02 95);--color-ink: oklch(20% .012 250);--color-ink-2: oklch(40% .014 250);--color-rule: oklch(20% .012 250 / .12);--color-accent: oklch(86% .18 95);--color-accent-deep: oklch(68% .16 85);--color-accent-cast: oklch(76% .2 95 / .45);--color-accent-tint: oklch(93% .07 95);--color-accent-2: oklch(48% .15 240);--color-accent-2-tint: oklch(94% .035 235);--color-accent-3: oklch(68% .24 18);--color-accent-3-tint: oklch(94% .04 18);--color-mint-tint: oklch(94% .05 150);--color-lavender-tint: oklch(94% .04 305);--color-on-footage: oklch(98% .005 95);--color-footage-shade: oklch(12% .01 250 / .78);--color-footage-clear: oklch(12% .01 250 / 0);--color-studio: oklch(18% .01 230);--color-focus: oklch(48% .15 240);--color-shadow: oklch(20% .012 250 / .14);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-card: 22px;--radius-frame: 28px;--radius-pill: 999px;--ease-press: cubic-bezier(.2, .7, .3, 1);--dur-press: .14s}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{color-scheme:light;scroll-padding-block-start:88px;scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:17px;line-height:1.6}a{color:inherit}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:var(--color-transparent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}[hidden]{display:none!important}p,h1,h2,h3,dl,dd,ol,figure{margin:0}svg{display:block}h1,h2,h3{font-family:var(--font-display);font-weight:700;font-style:normal;letter-spacing:-.03em;min-width:0;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;inset:var(--space-sm) auto auto var(--space-md);z-index:9;padding:12px var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);transform:translateY(-200%)}.skip-link:focus{transform:none}.notice{padding:10px var(--landing-gutter);background:var(--color-accent);font-size:14px;font-weight:600;text-align:center}.notice a{margin-inline-start:var(--space-sm);text-underline-offset:3px;white-space:nowrap}.site-header{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:var(--space-lg);padding:12px var(--landing-gutter);background:var(--color-paper);border-block-end:1px solid var(--color-rule)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;text-decoration:none}.brand svg{width:30px;height:26px}.brand span{font:700 26px/1 var(--font-display);letter-spacing:-.04em}.site-nav{display:none;gap:var(--space-xs);margin-inline-start:auto}.site-nav a{padding:10px 14px;border-radius:var(--radius-pill);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background var(--dur-micro) var(--ease-out)}.site-header .button{margin-inline-start:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:12px 22px;color:var(--color-ink);background:var(--color-accent);border-radius:var(--radius-pill);font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 4px 0 0 var(--color-accent-deep),0 6px 12px -3px var(--color-accent-cast);transition:transform var(--dur-press) var(--ease-press),box-shadow var(--dur-press) var(--ease-press)}.button:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--color-accent-deep),0 2px 6px -2px var(--color-accent-cast);transition-duration:70ms}.button-arrow{display:inline-block;transition:transform var(--dur-press) var(--ease-press)}.button-small{min-height:44px;padding:8px 18px;font-size:15px}.hero{display:grid;gap:var(--space-xl);padding:var(--space-xl) var(--landing-gutter) var(--space-3xl)}.hero-copy{order:-1;display:grid;align-content:center;gap:var(--space-lg)}h1{font-size:clamp(48px,6vw + 1rem,104px);line-height:.95}.hero-description{max-width:30ch;color:var(--color-ink-2);font-size:clamp(18px,1.4vw,21px)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg)}.hero-actions>span{color:var(--color-ink-2);font-size:14px}.reel{position:relative;aspect-ratio:4 / 5;min-height:0;overflow:hidden;border-radius:var(--radius-frame);background:var(--color-studio);isolation:isolate;box-shadow:0 24px 48px -28px var(--color-shadow)}.reel-layer{position:absolute;inset:0;z-index:1}.reel-layer[data-role=incoming]{z-index:2}.reel-layer picture,.reel-layer img,.reel-layer video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.reel-layer video{opacity:0;transition:opacity var(--dur-fade) var(--ease-out)}.reel-layer.is-live video{opacity:1}.reel:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,var(--color-footage-shade) 0%,var(--color-footage-clear) 42%)}.reel-meta{position:absolute;z-index:4;inset:var(--space-md) var(--space-md) auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);color:var(--color-on-footage)}.reel-label{padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-footage-shade);font:500 12px/1.4 var(--font-mono);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-divider{margin-inline:var(--space-xs);opacity:.6}#footage-toggle{flex:none;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:88px;min-height:44px;padding:8px 14px;color:var(--color-ink);background:var(--color-paper);border:0;border-radius:var(--radius-pill);font-weight:600;cursor:pointer}#footage-toggle svg{width:14px;height:14px;fill:currentColor}#footage-toggle:active{transform:translateY(1px)}#footage-status{position:absolute;z-index:5;inset:68px var(--space-md) auto;padding:var(--space-sm) 12px;border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);font-size:13px}.day{position:absolute;z-index:4;inset:auto 0 var(--space-md)}.day-title{display:none}.day ol{position:relative;list-style:none;padding:0 var(--space-md);display:flex;gap:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-md);scrollbar-width:none}.day ol::-webkit-scrollbar{display:none}.day li{flex:none;scroll-snap-align:start}.day button{position:relative;display:grid;gap:1px;min-width:128px;min-height:60px;padding:10px 14px 12px;overflow:hidden;text-align:left;color:var(--color-on-footage);background:var(--color-footage-shade);border:0;border-radius:16px;cursor:pointer;transition:background var(--dur-micro) var(--ease-out)}.day time{font:500 11px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;opacity:.8}.day b{font:700 16px/1.15 var(--font-display);white-space:nowrap}.day button span{font-size:11px;opacity:.8}.day i{position:absolute;inset:auto 0 0;height:3px;background:var(--color-accent);transform:scaleX(var(--progress, 0));transform-origin:left;opacity:0}.day [aria-pressed=true]{color:var(--color-ink);background:var(--color-paper)}.day [aria-pressed=true] i{opacity:1}.day button:focus-visible{outline-color:var(--color-accent);outline-offset:2px}.day button:active{transform:translateY(1px)}h2{font-size:clamp(38px,4.4vw + .5rem,72px);line-height:1}.roads,.feature,.start,.faq{padding:var(--space-3xl) var(--landing-gutter)}.roads{padding-inline:0}.roads-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-lg);padding-inline:var(--landing-gutter)}.roads-sub{max-width:46ch;margin-block-start:var(--space-md);color:var(--color-ink-2)}.rail-controls{display:flex;gap:var(--space-sm)}.rail-controls button{display:grid;place-items:center;width:48px;height:48px;color:var(--color-ink);background:var(--color-paper-2);border:0;border-radius:50%;font-size:20px;cursor:pointer;transition:background var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.rail-controls button:disabled{opacity:.35;cursor:default}.road-list{list-style:none;display:flex;gap:var(--space-md);margin-block-start:var(--space-xl);padding:var(--space-sm) var(--landing-gutter) var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--landing-gutter);scrollbar-width:none;overscroll-behavior-x:contain}.road-list::-webkit-scrollbar{display:none}.road{--tint: var(--color-accent-tint);position:relative;flex:0 0 min(80vw,320px);scroll-snap-align:start;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--tint);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.road:nth-child(4n+2){--tint: var(--color-accent-2-tint)}.road:nth-child(4n+3){--tint: var(--color-mint-tint)}.road:nth-child(4n+4){--tint: var(--color-lavender-tint)}.road img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:16px;background:var(--color-studio)}.road-name,.road-note,.road-facts,.road-link{padding-inline:var(--space-sm)}.road h3{font-size:24px;line-height:1.1;margin-block-start:var(--space-xs)}.road-name p{margin-block-start:2px;color:var(--color-ink-2);font:500 12px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.road-note{color:var(--color-ink-2);font-size:15px}.road-facts{display:flex;flex-wrap:wrap;gap:0 var(--space-md);font:500 13px/1.6 var(--font-mono);font-variant-numeric:tabular-nums}.road-facts span+span{color:var(--color-ink-2)}.road-link{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;font-weight:700;text-decoration:none;white-space:nowrap}.road-link:after{content:"";position:absolute;inset:0;border-radius:var(--radius-card)}.road:active{transform:translateY(1px)}.road-more{align-content:center;padding:var(--space-xl);background:var(--color-paper);border:2px dashed var(--color-rule);grid-template-rows:auto auto}.roads-note{margin:var(--space-sm) var(--landing-gutter) 0;max-width:62ch;color:var(--color-ink-2);font-size:13px}.feature{display:grid;gap:var(--space-xl)}.feature>*{min-width:0}.feature-lede{max-width:34em;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.feature-list{display:grid;gap:var(--space-md);margin-block-start:var(--space-xl)}.feature-list div{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:var(--space-md)}.feature-list div:before{content:"";grid-row:span 2;width:14px;height:14px;margin-block-start:8px;border-radius:50%;background:var(--color-accent)}.feature-list div:nth-child(2):before{background:var(--color-accent-2)}.feature-list div:nth-child(3):before{background:var(--color-accent-3)}.feature-list dt{font:700 22px/1.3 var(--font-display);letter-spacing:-.02em}.feature-list dd{margin-block-start:2px;color:var(--color-ink-2);max-width:44em}.sync{background:var(--color-accent-2-tint)}.sync-shot{display:grid;place-items:center;aspect-ratio:16 / 10;padding:var(--space-lg);border-radius:var(--radius-frame);background:var(--color-paper);box-shadow:0 24px 48px -30px var(--color-shadow)}.sync-brands{list-style:none;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.sync-brands li{display:flex;align-items:center;gap:12px;max-width:100%;font:700 22px/1 var(--font-body);letter-spacing:-.02em}.sync-brands img[alt="Compatible with Strava"]{width:auto;max-width:100%;height:22px}.sync-brands li:last-child img{width:42px;height:42px}.rider{background:var(--color-accent-tint)}.rider figure{position:relative}.rider video{display:block;width:100%;height:auto;aspect-ratio:16 / 10;border-radius:var(--radius-frame);background:var(--color-studio);box-shadow:0 24px 48px -28px var(--color-shadow)}.rider .feature-copy h2{margin-block-end:var(--space-lg)}.sticker{position:absolute;z-index:1;inset:calc(-1 * var(--space-lg)) var(--space-md) auto auto;display:grid;place-items:center;width:112px;height:112px;padding:14px;border-radius:50%;background:var(--color-accent);color:var(--color-ink);font:800 14px/1.15 var(--font-display);text-align:center;letter-spacing:-.01em;transform:rotate(-12deg);box-shadow:0 4px 0 0 var(--color-accent-deep),0 10px 20px -8px var(--color-accent-cast)}.start{display:grid;gap:var(--space-2xl)}.start-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-lg)}.start-list{display:grid;gap:var(--space-md)}.start-list div{padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2)}.start-list dt{font:700 22px/1.3 var(--font-display);letter-spacing:-.02em}.start-list dd{margin-block-start:var(--space-sm);color:var(--color-ink-2);font-size:16px}.faq{display:grid;gap:var(--space-xl)}.faq-list{display:grid;gap:var(--space-sm)}.faq details{border-radius:var(--radius-card);background:var(--color-paper-2)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:64px;padding:var(--space-md) var(--space-lg);cursor:pointer;list-style:none;font:700 20px/1.3 var(--font-display);letter-spacing:-.02em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--color-accent);font:700 20px/1 var(--font-body);transition:transform var(--dur-micro) var(--ease-out)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{max-width:62ch;padding:0 var(--space-lg) var(--space-lg);color:var(--color-ink-2);font-size:16px}.faq details a{color:var(--color-accent-2);font-weight:600;text-underline-offset:3px}.site-footer{display:grid;gap:var(--space-lg) var(--space-2xl);padding:var(--space-4xl) var(--landing-gutter) var(--space-2xl);background:var(--color-ink);color:var(--color-paper);font-size:13px}.statement{font:700 clamp(44px,7vw,112px)/.95 var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere}.colophon-mark{font:700 22px/1.2 var(--font-display);letter-spacing:-.03em}.colophon-mark span{margin-inline-start:var(--space-sm);color:var(--color-paper-3);font:400 13px/1.6 var(--font-body);letter-spacing:0}.colophon{max-width:72ch;color:var(--color-paper-3);line-height:1.7}.site-footer nav{display:flex;flex-wrap:wrap;gap:0 var(--space-lg)}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-underline-offset:3px;white-space:nowrap}@media(min-width:40rem){.hero{padding-block:var(--space-2xl) var(--space-4xl)}.reel{aspect-ratio:16 / 10}.roads,.feature,.start,.faq{padding-block:var(--space-4xl)}.roads{padding-inline:0}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-xl)}.start-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:60rem){.site-nav{display:flex}.site-header .button{margin-inline-start:0}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}.feature{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-2xl);align-items:center}.sync .feature-head{grid-column:1 / 6}.sync .sync-shot{grid-column:6 / 13}.together .feature-head,.together .feature-copy{grid-column:1 / 13}.together .feature-lede{max-width:40em}.rider figure{grid-column:1 / 8}.rider .feature-copy{grid-column:8 / 13}.road{flex-basis:340px}.sync-shot{padding:var(--space-xl)}.sync-brands img[alt="Compatible with Strava"]{height:30px}.sync-brands li{font-size:26px}.faq{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-2xl);align-items:start}.faq h2{grid-column:1 / 5;position:sticky;top:104px}.faq-list{grid-column:5 / 13}.site-footer{grid-template-columns:auto minmax(0,1fr) auto;align-items:end}.site-footer .statement{grid-column:1 / -1}.sticker{width:132px;height:132px;font-size:16px;inset-inline-end:calc(-1 * var(--space-lg))}}@media(hover:hover){.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 0 var(--color-accent-deep),0 12px 22px -4px var(--color-accent-cast)}.button:hover .button-arrow{transform:translate(3px)}.site-nav a:hover,.rail-controls button:not(:disabled):hover{background:var(--color-paper-3)}.day button:hover{background:var(--color-ink);color:var(--color-on-footage)}.day [aria-pressed=true]:hover{background:var(--color-paper);color:var(--color-ink)}.road:hover{transform:translateY(-4px);box-shadow:0 18px 32px -20px var(--color-shadow)}.road:hover .road-link{text-decoration:underline;text-underline-offset:4px}.rider figure:hover .sticker{animation:wiggle .6s var(--ease-out)}.faq summary:hover{background:var(--color-paper-3);border-radius:var(--radius-card)}.site-footer nav a:hover{text-decoration:underline}}@keyframes wiggle{0%{transform:rotate(-12deg)}25%{transform:rotate(-4deg) translateY(-3px)}50%{transform:rotate(-18deg)}75%{transform:rotate(-9deg)}to{transform:rotate(-12deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}