:root{font-family:Arial,Helvetica,sans-serif;color:#f3f6fa;background:#08090c;font-synthesis:none;--teal:#19c5ba;--blue:#3b82f6;--muted:#a1afc3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 5.5%;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:6px;font-size:20px}.brand img{width:34px;border-radius:8px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:not(.button):hover{color:var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;padding:18px 28px;border:1px solid #4185ff;background:#1263ee;color:#fff;border-radius:9px;box-shadow:0 6px 30px #0866f02a;transition:transform .2s,background .2s;font-weight:500}.button:hover{background:#2675fc;transform:translateY(-2px)}.button.small{padding:11px 19px}.button.secondary{background:#0b1520;border-color:#264159;box-shadow:none}.button.secondary:hover{background:#142538}.wrap{max-width:1280px;margin:auto}.hero{display:grid;grid-template-columns:1.16fr .84fr;gap:60px;padding:38px 30px 0;min-height:750px;overflow:hidden}.hero-copy{align-self:center;padding-bottom:70px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:3px;color:#bdcde0;margin-bottom:40px}h1{font-size:clamp(52px,5.2vw,80px);line-height:1.02;letter-spacing:-3.8px;margin:24px 0 28px}h2{font-size:clamp(35px,3.7vw,56px);line-height:1.07;letter-spacing:-2px;margin:0 0 24px}h3{font-size:21px}em{font-style:normal;color:var(--teal)}.lead{font-size:23px;line-height:1.5;color:#bac7d9;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:20px;margin:42px 0 18px}.fine{font-size:12px;line-height:1.65;color:#94a1b4}.hero-screen{align-self:start;text-align:center;max-height:740px}.screen-tabs{display:flex;justify-content:center;gap:5px;margin-bottom:18px}.screen-tabs button,.formats button{color:#9daec1;background:transparent;border:1px solid #243346;border-radius:30px;padding:8px 17px}.screen-tabs button.selected,.formats button.selected{color:#40e0d3;border-color:#19c5ba;background:#102326}.screen{margin:0 auto;max-width:365px;line-height:0;overflow:hidden;border-radius:30px;box-shadow:0 0 70px #0084d125,0 0 25px #00c2ce16;border:1px solid #243849}.screen img{display:block;width:100%;height:auto}.hero-screen .screen{max-width:340px}.section{border-top:1px solid #1b2530;padding:75px max(5.5%,calc((100% - 1280px)/2))}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.audio-section{padding-top:60px;padding-bottom:60px}.audio-panel{padding:35px;border:1px solid #243849;border-radius:18px;background:#0b1017;box-shadow:0 0 60px #00354d1c}.audio-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.audio-panel .eyebrow{letter-spacing:1px;display:block;margin:0}.angle-value{display:block;font-size:70px;font-weight:700;line-height:1.2;letter-spacing:-3px;color:var(--teal);font-variant-numeric:tabular-nums}.pulse{display:flex;align-items:center;gap:5px;height:80px;opacity:.65}.pulse i{display:block;width:4px;background:#22c9d3;border-radius:5px;max-width:1vw}.playing i{animation:pulse .65s infinite alternate}.audio-controls{display:flex;gap:28px;align-items:start;margin-top:28px}.angle-control{flex:1}.audio-controls .button{white-space:nowrap;padding:12px 20px}input[type=range]{accent-color:var(--teal);width:100%;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:10px}.range-labels b{color:var(--teal)}.audio-options{display:flex;justify-content:space-between;gap:24px;margin-top:20px;color:var(--muted);font-size:12px}.audio-options label{display:flex;align-items:center;gap:12px}.audio-options input{width:85px}.audio-options span{white-space:nowrap}.audio-panel .fine{margin-bottom:0}.setup-section{max-height:720px;overflow:hidden;align-items:start}.setup-section>div{align-self:center}.setup-section .screen{width:315px}.steps{list-style:none;counter-reset:step;padding:0;margin:38px 0}.steps li{counter-increment:step;display:flex;align-items:center;gap:20px;margin:20px 0;color:#bdcadd;font-size:19px}.steps li:before{content:counter(step);border:1px solid #3c7892;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff}.text-link{display:inline-block;color:#65cde2;margin:20px 0;font-size:15px}.story{grid-template-columns:1fr 1fr;max-height:660px;overflow:hidden}.story .screen{max-width:295px}.story>div{align-self:center}footer{padding:45px 5.5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1b2530;gap:30px}.page{padding:65px 30px 100px;min-height:76vh}.page h1{margin-bottom:45px}.page .split{margin-top:60px}.narrow{max-width:850px;margin:auto}.page p:not(.eyebrow):not(.fine){line-height:1.65;color:#b7c6d9}.page .screen{max-width:315px}.step-tabs{display:flex;flex-direction:column;gap:10px}.step-tabs button{padding:17px;text-align:left;background:#0d141e;color:#a3b4c8;border:1px solid #1c2a39;border-radius:10px}.step-tabs button[aria-selected=true]{border-color:var(--teal);color:#fff}.step-copy{padding-top:35px}.step-copy h2{font-size:30px;letter-spacing:-1px}.search{width:100%;padding:20px;color:#fff;background:#0d141e;border:1px solid #2a3c51;border-radius:10px;margin:0 0 24px}details{border-bottom:1px solid #24313e;padding:22px 0}summary{cursor:pointer;font-size:19px}.faq p{font-size:16px}.prose h2{font-size:28px;letter-spacing:-.6px;margin-top:45px}.prose a{text-decoration:underline}.formats{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:35px 0}.teal{color:var(--teal)}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.media-preview{height:310px;overflow:hidden;background:#0b1420;padding:22px;text-align:center;border:1px solid #223244;border-radius:13px}.media-preview span{display:block;font-weight:700;margin-bottom:18px}.media-preview img{width:75%}.media-preview .angle-value{padding-top:60px}.media-grid .button{width:100%;padding:13px}.menu{display:none}.skip{position:absolute;left:15px;top:-100px;background:#fff;color:#000;padding:12px;z-index:10}.skip:focus{top:10px}@keyframes pulse{to{transform:scaleY(.5);opacity:.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){header{padding:22px 24px}.brand{font-size:17px;letter-spacing:4px}nav{gap:18px}.hero{gap:25px;padding:30px 30px 0;min-height:660px}.hero-screen .screen{width:270px}.hero h1{font-size:57px}.lead{font-size:20px}.actions{gap:12px}.actions .button{padding:15px 18px}.section{padding:60px 30px}.split{gap:35px}.audio-panel{padding:22px}.pulse{gap:3px}.audio-controls{gap:10px}.audio-controls .button{padding:11px;font-size:13px}.media-grid{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}@media(max-width:640px){header{padding:20px}.brand img{width:27px}.menu{display:block;background:transparent;border:1px solid #2a3c51;color:#fff;border-radius:7px;padding:9px 13px}header nav{display:none;position:absolute;top:75px;left:15px;right:15px;background:#111923;padding:24px;z-index:20;border:1px solid #243849;border-radius:12px}header nav.open{display:flex;flex-direction:column;align-items:stretch}.hero{display:flex;flex-direction:column;padding:35px 22px 0;gap:15px;max-height:1030px}.hero-copy{padding:0}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:25px}h1,.hero h1{font-size:53px;letter-spacing:-2.8px}.lead{font-size:18px}.actions{margin:28px 0 12px}.button{font-size:14px;padding:15px 20px}.hero-screen{align-self:center;max-height:510px}.hero-screen .screen{width:265px}.hero-screen>.fine{display:none}.section{padding:50px 22px}.split{grid-template-columns:1fr;gap:35px}h2{font-size:39px;letter-spacing:-1.8px}.audio-top{gap:15px}.audio-panel{padding:22px}.angle-value{font-size:60px}.pulse i{max-width:4px}.audio-options{gap:10px}.setup-section{max-height:950px}.setup-section .screen{width:275px}.story{max-height:none}.story .screen{max-height:440px;order:2;width:260px}.story>div{order:1}footer{padding:32px 22px;flex-direction:column;align-items:flex-start;gap:25px}footer nav{font-size:13px}.page{padding:45px 22px 65px}.page .split{margin-top:30px}.step-copy h2{font-size:28px}.media-grid{gap:14px}.media-preview{height:235px;padding:15px}.media-preview span{font-size:14px}.media-preview img{width:100%}.media-grid .button{font-size:12px}.page h1{margin-bottom:30px}}.squiggle{position:absolute;inset:20% -15% auto;width:125%;height:40%;pointer-events:none;opacity:.3;z-index:0;overflow:visible}.squiggle path{fill:none;stroke:#25d0c0;stroke-width:2;stroke-dasharray:700;animation:trace 7s ease-in-out infinite}.hero-screen{position:relative}.hero-screen .screen,.screen-tabs{position:relative;z-index:1}.metric-explainer{border-block:1px solid #26343b;padding:24px 0;margin:24px 0}.metric-explainer strong{display:block;font-size:70px;margin:20px 0}.screen-tabs{flex-wrap:wrap}@keyframes trace{0%{stroke-dashoffset:700;opacity:.1}45%,70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-700;opacity:.1}}@media(prefers-reduced-motion:reduce){.squiggle path{animation:none}.pulse i{animation:none!important}}.run-explorer{margin-top:100px;padding-top:55px;border-top:1px solid #243849}.cursor-readings,.interval-readout{display:flex;flex-wrap:wrap;gap:25px;padding:22px 0;font-variant-numeric:tabular-nums}.cursor-readings b{display:block;font-size:26px;margin-top:8px}.speed-value{color:#528eff}.explorer-chart{border:1px solid #24313e;border-radius:18px;padding:18px;margin:15px 0;background:#0c1117}.explorer-chart h3{margin:0 0 8px;font-size:15px}.explorer-chart svg{width:100%;display:block;touch-action:none;cursor:crosshair}.time-control{display:block;margin:25px 0;color:#a7b9cc}.time-control input{display:block;margin-top:18px}.segment-track{height:48px;position:relative;background:linear-gradient(transparent 45%,#24313e 45%,#24313e 55%,transparent 55%);margin:25px 0}.segment-track button{position:absolute;top:4px;height:40px;background:#125752;color:#d4fffc;border:1px solid #25d0c0;border-radius:7px;font-size:12px}.segment-track button.active{background:#25d0c0;color:#071715;box-shadow:0 0 24px #25d0c033}.interval-readout{border-top:1px solid #243849;align-items:center}.interval-readout strong{color:#25d0c0}@media(max-width:640px){.cursor-readings{gap:20px}.cursor-readings b{font-size:21px}.explorer-chart{padding:12px 6px}.interval-readout{gap:16px;font-size:14px}}.analysis-explore{margin-top:65px;border-top:1px solid #24313e}.analysis-explore>summary{font-size:16px;color:#a7b9cc;padding:4px 0}.analysis-explore .run-explorer{margin-top:24px;padding-top:0;border-top:0}.analysis-explore .run-explorer h2{font-size:25px;letter-spacing:-.7px}.demo-layout{align-items:start}.demo-layout .audio-panel{margin-top:30px}.demo-screen{text-align:center}.demo-screen .screen{max-width:340px}.demo-screen .fine{margin-top:20px}.screen{position:relative;isolation:isolate;overflow:visible;padding:8px;border:2px solid #647482;border-radius:42px;background:#050608;box-shadow:0 0 0 1px #18222b,0 0 22px 1px #22bbd91f,0 0 52px 3px #22bbd911,0 0 90px 5px #22bbd906}.screen:before,.screen:after{content:none!important}.screen img{border-radius:32px;box-shadow:0 0 0 1px #121a22}.phone-key{position:absolute;width:3px;border-radius:2px;background:#586775;pointer-events:none}.phone-key-left{left:-5px;top:21%;height:8%}.phone-key-right{right:-5px;top:27%;height:11%}.hero-screen{isolation:isolate}.hero-screen .screen{z-index:auto}.screen-tabs{z-index:2}.demo-screen{isolation:isolate}.hero em,.page h1 em,.section h2 em{background:linear-gradient(105deg,#03d1ce 12%,#0cbdde 58%,#4986ff);background-clip:text;-webkit-background-clip:text;color:transparent}.story .screen{overflow:visible}.hero,.story,.setup-section{overflow:clip}.squiggle{display:none}.analysis-overview{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;margin-top:60px}.analysis-phone{text-align:center}.run-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #253440;border-radius:18px;background:#0b1016;margin-top:34px;overflow:hidden}.run-summary article{padding:25px 18px;border-bottom:1px solid #1f2c36}.run-summary article:nth-child(n+4){border-bottom:0}.run-summary span{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#9eafc3}.run-summary strong{display:block;margin-top:14px;font-size:38px;color:#5797ff;font-variant-numeric:tabular-nums}.run-summary small{font-size:15px;margin-left:5px;font-weight:400}.run-summary .angle-summary strong{color:#25d0c0}.run-summary article:first-child strong{color:#4cd475}.replay-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.replay-heading h2{font-size:28px;letter-spacing:-.8px;margin:0}.replay-heading .button{font-size:13px;padding:11px 18px}.run-explorer{margin-top:65px;padding-top:35px}.media-preview .screen{width:75%;padding:4px;border-radius:22px}.media-preview .screen img{width:100%;border-radius:16px}.media-preview .screen .phone-key{display:none}@media(max-width:900px){.analysis-overview{gap:35px}.run-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.run-summary article:nth-child(4){border-bottom:1px solid #1f2c36}.run-summary strong{font-size:32px}}@media(max-width:640px){.analysis-overview{grid-template-columns:1fr;gap:35px;margin-top:30px}.analysis-phone{order:2}.analysis-phone .screen{width:270px}.run-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.run-summary article{padding:18px 9px}.run-summary article:nth-child(4){border-bottom:0}.run-summary span{font-size:9px;letter-spacing:.5px}.run-summary strong{font-size:29px}.run-summary small{font-size:11px}.replay-heading h2{font-size:23px}.media-preview .screen{width:100%}.screen{padding:7px;border-radius:38px}.screen img{border-radius:29px}}.step-tabs button[aria-pressed=true]{border-color:var(--teal);color:#fff}.setup-visual{animation:setup-reveal .28s ease-out}.setup-visual .screen{width:100%}@keyframes setup-reveal{0%{opacity:.35}to{opacity:1}}#root{position:relative;isolation:isolate;min-height:100vh}.site-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:#08090c}.site-backdrop:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:url(/assets/hero-riding.jpg) center 47%/cover no-repeat;filter:blur(3px) saturate(.35);opacity:.62}.site-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08090cd1,#08090cba 36%,#08090c91 70%,#08090cb8),linear-gradient(180deg,rgba(8,9,12,.38),transparent 30%,rgba(8,9,12,.38))}.hero{position:relative;isolation:isolate;max-width:none;padding-left:max(30px,calc((100vw - 1220px)/2));padding-right:max(30px,calc((100vw - 1220px)/2))}.hero-copy,.hero>.hero-screen{position:relative;z-index:1}@media(max-width:900px){.hero{padding-left:30px;padding-right:30px}}@media(max-width:640px){.hero{padding-left:22px;padding-right:22px}.site-backdrop:before{background-position:58% center;filter:blur(2px) saturate(.35)}.site-backdrop:after{background:#08090cc9}}
