:root{--bg:#0c1014;--surface:#151c23;--line:#2b333c;--text:#f3f4f7;--muted:#aeb8c4;--accent:#ff766c;--green:#94e5c3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}p{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 20px}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.04em}h2{font-size:clamp(30px,3.65vw,48px);line-height:1.16}h3{font-size:22px}h4{font-size:18px;letter-spacing:-.02em}figure,dl,dd{margin:0}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{max-width:1280px;padding-inline:48px;margin-inline:auto}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:var(--accent);color:#101418;padding:15px}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:rgba(12,16,20,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:88px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.brand-dot{color:var(--accent);margin-left:-8px}.header nav{display:flex;gap:24px;margin-left:auto;font-size:13px;color:var(--muted)}.header nav a:hover,.language:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:24px}.language{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:650;min-height:44px;color:var(--muted)}.language .selected{color:var(--text)}.divider{color:#576471}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;background:var(--accent);color:#211313;border:1px solid transparent;border-radius:7px;padding:15px 23px;font-weight:650;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#ff928a;transform:translateY(-2px)}.button.small{min-height:42px;font-size:12px;padding:10px 16px;gap:20px}.button span,.text-link span{font-size:19px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600;line-height:1.5;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:38px;padding-top:86px;padding-bottom:76px;align-items:center;min-height:660px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--accent);margin-bottom:25px;display:flex;align-items:center;gap:10px;line-height:1.5}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}h1{font-size:clamp(36px,4.4vw,61px);line-height:1.09;letter-spacing:-.055em}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:17px;max-width:475px;margin:28px 0;line-height:1.65}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.fine{font-size:12px;line-height:1.65;color:var(--muted)}.hero-note{margin:22px 0 0}.hero-visual{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#1c252f,#10161c);border:1px solid #2d3844;border-radius:22px;overflow:hidden;min-width:0;margin-block:18px}.visual-top{display:flex;justify-content:space-between;padding:23px 25px;color:#8796a7;font:10px ui-monospace,monospace;letter-spacing:1px}.visual-top span:first-child{color:var(--accent)}.art-stage{padding:0 6px;position:relative;flex:1;display:flex;align-items:center}.art-stage:after{content:"";position:absolute;bottom:5%;left:15%;right:15%;height:12px;background:#060a0e;filter:blur(20px);opacity:.5}.art-stage img{position:relative;z-index:1;width:100%}.hero-visual figcaption{border-top:1px solid #2d3844;padding:20px 25px;font-size:12px;display:flex;flex-direction:column;gap:8px}.hero-visual small{color:#8e9aa9;font-size:10px}.section{padding-block:105px}.section-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end;margin-bottom:57px}.intro-body{font-size:15px;margin:0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:65px 0 50px}.number{font:11px ui-monospace,monospace;color:var(--accent);display:block;margin-bottom:25px}.benefit h3{font-size:21px;line-height:1.3;letter-spacing:-.03em;margin-bottom:16px}.benefit p{font-size:14px;margin:0}.independent{display:flex;gap:28px;padding:30px 34px;background:#171c22;border-radius:10px;border-left:2px solid var(--accent)}.asterisk{font-size:37px;color:var(--accent);line-height:1}.independent h3{font-size:17px;margin-bottom:8px}.independent p{font-size:14px;margin:0;max-width:960px}.technical{background:#11171d;border-block:1px solid var(--line)}.specs{border-top:1px solid var(--line)}.spec{display:grid;grid-template-columns:24% 1fr;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.spec dt{font-size:13px;color:var(--muted);padding-top:4px}.spec dd{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:start}.spec h3{font-size:17px;line-height:1.45;letter-spacing:-.02em}.spec p{font-size:13px;margin:0}.install-block{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;padding-bottom:65px}.step-label{font:11px ui-monospace,monospace;letter-spacing:1px;color:var(--accent);margin-bottom:14px}.block-title{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin-bottom:16px}.steps{list-style:none;counter-reset:step;margin:30px 0 22px;padding:0;display:grid;gap:25px}.steps li{counter-increment:step;display:flex;gap:18px;align-items:start}.steps li:before{content:counter(step,decimal-leading-zero);font:11px ui-monospace,monospace;flex:none;width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #3d454e;border-radius:50%;color:var(--accent);margin-top:2px}.steps p{font-size:14px;margin:8px 0 0}.extra-note{margin-top:14px;max-width:510px}.install-visual{background:#161e26;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 20px;gap:22px}.phone-demo{position:relative;border:5px solid #3f4b58;border-radius:34px;background:#e7edf1;color:#17212b;padding:25px 22px 44px;width:270px;box-shadow:0 16px 40px #0004;min-height:375px}.phone-speaker{position:absolute;top:9px;left:40%;width:20%;height:5px;border-radius:10px;background:#3f4b58}.demo-top{display:flex;justify-content:space-between;margin-bottom:18px}.phone-demo h4{font-size:23px;letter-spacing:-.035em;line-height:1.2}.browser-icon{width:48px;margin:22px auto 8px;color:#256779}.phone-demo>p{text-align:center;color:#374a57;font-size:13px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-block:1px solid #c7d1d8;padding:17px 0;font-size:12px;font-weight:600;line-height:1.4}.toggle-demo{width:34px;height:21px;border-radius:30px;background:#246a7b;flex:none;position:relative}.toggle-demo:after{content:"";position:absolute;background:white;border-radius:50%;width:15px;height:15px;right:3px;top:3px}.phone-demo .demo-hint{font-size:10px;line-height:1.5;margin:15px 0 0;text-align:left;color:#566973}.gesture-bar{position:absolute;bottom:12px;left:33%;width:34%;height:4px;border-radius:20px;background:#627380}.install-visual figcaption{text-align:center;margin:0}.aa-block{padding-block:55px;border-block:1px solid var(--line)}.aa-heading{display:flex;justify-content:space-between;gap:60px;align-items:center}.aa-heading>p{max-width:380px;font-size:14px}.aa-block .steps{grid-template-columns:1fr 1fr;gap:28px 60px}.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:40px 0 20px}.screenshot{background:#e6ecf1;border-radius:14px;border:1px solid #3b4652;width:100%;aspect-ratio:1.25;position:relative;overflow:hidden;display:block;padding:0}.screenshot img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:0;transition:filter .2s}.screenshot:hover img{filter:brightness(.92)}.screenshot.version img{top:auto;bottom:0}.screenshot.confirm img{width:111%;left:-5.5%;top:-90%}.screenshot.server img{width:170%;left:-70%;top:-30%}.zoom-mark{position:absolute;right:10px;bottom:10px;background:#10171f;color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:20px;box-shadow:0 2px 10px #0003}.guide-shot figcaption{display:flex;gap:12px;line-height:1.5;font-size:12px;margin-top:14px;color:var(--muted)}.guide-shot figcaption span{font:10px ui-monospace,monospace;color:var(--accent);padding-top:4px}.guide-footer{display:flex;justify-content:space-between;gap:25px;align-items:center}.guide-footer p{max-width:420px;margin:0}.guide-footer+.fine{margin:14px 0 0}.bike-step{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;align-items:center;padding-top:45px}.bike-step img{max-height:210px;justify-self:center}.bike-step p:last-child{margin:0;font-size:15px}.releases-section{background:#171c22;border-block:1px solid var(--line)}.release-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:24px;font-size:13px}.release-toolbar label{color:var(--muted)}select{color:var(--text);background:#222c36;border:1px solid #4b5968;border-radius:6px;min-height:44px;padding:8px 35px 8px 14px}.release-message{border:1px dashed #46515d;padding:40px;border-radius:10px}.release-message h3{font-size:24px;margin-bottom:12px}.release-message p{font-size:14px;max-width:620px;margin:0}.release-message button{margin-top:22px}.release-card{background:#0f151b;padding:30px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.release-card h3{font-size:24px;margin:10px 0}.release-card h4{margin-top:25px}.release-card p{font-size:14px}.release-meta{font:12px ui-monospace,monospace;color:var(--accent);margin-bottom:16px}.release-card .changelog{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px;line-height:1.8}.release-card .checksum{font:11px ui-monospace,monospace;overflow-wrap:anywhere;margin-top:20px;line-height:1.8}.faq-section{display:grid;grid-template-columns:1fr 1.45fr;gap:80px}.faqs{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:23px 35px 23px 0;font-size:16px;line-height:1.4;cursor:pointer;position:relative;list-style:none;font-weight:550}summary::-webkit-details-marker{display:none}summary:after{content:"";width:8px;height:8px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(45deg);position:absolute;right:6px;top:27px}details[open] summary:after{transform:rotate(225deg);top:32px}details p{font-size:14px;margin-bottom:23px}.closing{display:block;border-top:1px solid var(--line);padding-block:65px 80px;align-items:center}.closing h2{font-size:clamp(30px,3.4vw,44px)}.closing p{font-size:14px;margin:22px 0;max-width:600px}.footer{border-top:1px solid var(--line);padding-block:35px;display:flex;justify-content:space-between;gap:60px;align-items:flex-start}.footer .brand{font-size:20px;margin-bottom:15px}.footer p{max-width:680px;font-size:11px;margin:0}.footer>a{font-size:12px;display:flex;gap:20px;min-height:44px;align-items:center;white-space:nowrap}dialog{padding:14px;background:#131a22;border:1px solid #526171;border-radius:15px;max-width:min(94vw,620px);max-height:94dvh;overflow:auto;color:var(--text)}dialog::backdrop{background:#04080deb;backdrop-filter:blur(6px)}dialog form{position:sticky;top:0;text-align:right;z-index:1;padding-bottom:10px}dialog img{max-height:78dvh;width:auto;margin:auto;border-radius:8px}
@media(min-width:1400px){.hero{min-height:700px}}
@media(max-width:1100px){.wrap{padding-inline:32px}.header-inner{gap:24px}.header nav{gap:15px;font-size:12px}.header-actions{gap:15px}.header-download{display:none}.header nav{margin-left:auto}.hero{gap:24px}.section-intro{gap:45px}.benefits{gap:24px}.install-block{gap:45px}.spec dd{gap:22px}.guide-footer{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:760px){:root{scroll-padding-top:90px}.wrap{padding-inline:22px}.header-inner{height:72px;gap:15px}.header nav{display:none}.header-actions{margin-left:auto}.header-download{display:inline-flex}.brand{font-size:22px}.brand img{width:30px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:36px;gap:28px;min-height:0}h1{font-size:clamp(38px,8vw,58px)}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.lead{font-size:16px;max-width:520px;margin-block:24px}.hero-visual{margin:0;min-height:300px}.art-stage img{height:270px;object-fit:contain}.visual-top{padding:18px 20px}.hero-visual figcaption{padding:16px 20px}.section{padding-block:65px}.section-intro{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.eyebrow{margin-bottom:20px}.benefits{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:40px}.benefit h3{font-size:20px}.number{margin-bottom:15px}.independent{padding:24px 22px;gap:18px}.spec{grid-template-columns:1fr;gap:9px;padding-block:22px}.spec dd{grid-template-columns:1fr;gap:7px}.spec dt{font-size:11px;color:var(--accent)}.spec h3{font-size:18px}.install-block{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.install-visual{padding-block:28px}.phone-demo{min-height:350px}.aa-block{padding-block:40px}.aa-heading{display:block}.aa-heading>p{max-width:none}.aa-block .steps{grid-template-columns:1fr;gap:24px}.screenshots{gap:12px}.screenshot{aspect-ratio:.83}.screenshot.confirm img{top:-45%}.screenshot.server img{top:-15%;width:180%;left:-80%}.guide-shot figcaption{font-size:11px;gap:7px}.guide-shot figcaption span{display:none}.guide-footer .text-link{font-size:13px}.bike-step{grid-template-columns:1fr;gap:10px;padding-top:25px}.bike-step img{height:160px}.bike-step>div{padding-bottom:5px}.release-message{padding:25px}.faq-section{grid-template-columns:1fr;gap:32px}.closing{padding-block:45px 55px}.footer{flex-direction:column;gap:12px;padding-block:30px}.footer>a{min-height:44px}.release-card{padding:22px}}
@media(max-width:390px){.header-download{display:none}.benefits{grid-template-columns:1fr}.screenshots{grid-template-columns:1fr}.screenshot{aspect-ratio:1.6}.screenshot.confirm img{top:-115%}.screenshot.server img{top:-35%}.guide-shot figcaption{font-size:12px}.hero .actions{gap:14px}.phone-demo{width:245px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(min-width:391px) and (max-width:760px){.screenshots{grid-template-columns:1fr}.screenshot{aspect-ratio:1.6}.screenshot.confirm img{top:-115%}.screenshot.server img{top:-35%}.guide-shot figcaption{font-size:12px}}

.screenshot.confirm img{top:-100%}
@media(max-width:760px){.screenshot{aspect-ratio:1.25}.screenshot.confirm img{top:-100%}.screenshot.server img{width:170%;left:-70%;top:-30%}}

#idea{border:0}

/* Real photography: keep text in the shaded area and the dashboard unobstructed. */
.ride-hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;display:flex;align-items:center;padding-block:80px}
.ride-backdrop{position:absolute;z-index:-2;inset:0 0 0 auto;width:70%;height:100%;object-fit:cover;object-position:50% 48%;mask-image:linear-gradient(90deg,transparent 10%,#000 54%,#000 78%,transparent),linear-gradient(0deg,transparent 6%,#000 30%,#000 76%,transparent 97%);mask-composite:intersect}
.ride-copy{width:52%;max-width:590px}
.ride-copy .lead{color:#d6dce3}
.ride-copy .hero-note{max-width:380px;color:#bdc7d1}
.ride-caption{position:absolute;right:48px;bottom:24px;margin:0;color:#d6dce3;font-size:11px;letter-spacing:.03em;text-shadow:0 1px 5px #000}
.ride-gallery{padding-top:0}
.ride-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ride-photo{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.ride-photo img{width:100%;aspect-ratio:4/3;object-fit:contain}
.ride-photo:hover{border-color:var(--accent)}
.ride-shot figcaption{padding-top:16px;font-size:14px;color:var(--muted)}
@media(max-width:1100px) and (min-width:901px){.ride-copy{width:55%}.ride-hero{min-height:660px}.ride-caption{right:32px}}
@media(max-width:900px){
 .ride-hero{display:block;min-height:0;padding-top:45px;padding-bottom:420px}
 .ride-copy{width:100%;max-width:580px}
 .ride-backdrop{inset:auto 0 0;width:100%;height:500px;object-position:50% 48%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent 6%,#000 28%,#000 64%,transparent 96%)}
 .ride-caption{right:32px;bottom:20px;font-size:10px}
 .ride-photos{gap:16px}
}
@media(max-width:600px){
 .ride-hero{padding-bottom:360px}
 .ride-backdrop{height:430px;object-position:50% 49%}
 .ride-copy .lead{font-size:16px;margin-block:22px}
 .ride-copy .actions{gap:18px}
 .ride-caption{right:22px;bottom:16px}
 .ride-photos{grid-template-columns:1fr;gap:28px}
 .ride-shot figcaption{padding-top:12px}
}

[hidden]{display:none!important}
.install-block{display:block;padding-bottom:30px}
.install-block .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.install-block .extra-note{max-width:800px}
.install-walkthrough{padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-bottom:55px}
.install-walkthrough>h4{font-size:24px;margin-bottom:12px}
.install-walkthrough>.fine{max-width:730px}
.install-slides{list-style:none;padding:0;margin:28px 0}
.install-slide{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-block:12px}
.install-shot{display:block;position:relative;justify-self:center;background:transparent;border:0;padding:0;width:203px;max-width:100%;border-radius:26px}
.install-shot img{width:100%;height:auto}
.tap-target{position:absolute;display:block;border:3px solid #ff766c;border-radius:8px;box-shadow:0 0 0 1px #fff,0 0 0 4px #131a2270;pointer-events:none}
.tap-target>span{position:absolute;top:-12px;left:-12px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ff766c;color:#211313;border:1px solid white;font:700 12px/1 system-ui}
.tap-1{left:53.7%;top:46%;width:14%;height:9%}
.tap-2{left:10.3%;top:29.7%;width:38.7%;height:23.5%}
.tap-3{left:65.5%;top:56.1%;width:16.5%;height:4.2%}
.tap-4,.tap-7{left:63.5%;top:56.3%;width:19.3%;height:4.2%}
.tap-5{left:15.4%;top:62.8%;width:69%;height:4.3%}
.tap-6{left:15.4%;top:62.6%;width:69%;height:4.3%}
.tap-8{left:10.2%;top:87.7%;width:79.3%;height:5.8%}
.install-explanation{min-height:210px;max-width:390px}
.install-explanation h4{font-size:26px;line-height:1.2;margin-bottom:16px}
.install-explanation>p:last-child{margin:0;font-size:15px}
.install-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:24px}
.install-counter{font-size:13px;color:var(--muted);text-align:center}
.guide-back{background:transparent;border-color:#65717e;color:var(--text)}
.guide-back:hover{background:#28313b}
.install-controls button:disabled{opacity:.4;cursor:default;transform:none}
.dialog-image{position:relative;width:fit-content;max-width:100%;margin:auto}
.header .brand img{width:64px;height:64px;flex:none}
.footer .brand img{width:48px;height:48px;flex:none}
#screenshot-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px;border:0;border-radius:0;background:transparent;overflow:hidden}
#screenshot-dialog[open]{display:grid;place-items:center}
#screenshot-dialog form{position:fixed;top:16px;right:16px;padding:0;z-index:2}
#screenshot-dialog img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);width:auto;height:auto;border-radius:6px}
.preview-close{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#0c1014e6;color:#fff;box-shadow:0 2px 12px #0005}
.preview-close:hover{background:#29323c}
@media(max-width:760px){
 .header .brand img{width:56px;height:56px}
 .header-download{display:none}
 .install-block .steps{grid-template-columns:1fr;gap:24px}
 .install-walkthrough{padding:22px 16px;margin-bottom:40px}
 .install-slide{grid-template-columns:1fr;gap:24px}
 .install-shot{width:170px}
 .install-explanation{min-height:190px;max-width:none}
 .install-explanation h4{font-size:23px}
 .install-controls{gap:10px;padding-top:20px}
 .install-controls button{padding-inline:16px;min-height:48px}
}