:root{--trail-teal:#008085;--trail-ink:#073e43}body{--fg:var(--trail-ink)!important;--accent:var(--trail-teal)!important;background:#f5f9f7}nav{position:sticky;top:0;z-index:20;background:#f8faf7eb;backdrop-filter:blur(18px);padding-top:20px;padding-bottom:20px}.hero{position:relative;isolation:isolate;min-height:800px;gap:50px;color:white}.hero:before{content:'';position:absolute;inset:0;width:100vw;left:50%;transform:translateX(-50%);z-index:-2;background:linear-gradient(90deg,#073e43f5 0%,#073e43bf 46%,#073e4340 100%),url('assets/landscape.webp') center 60%/cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 80%,#c9f2b520,transparent 65%)}.hero .badge{color:#c9f2b5}.hero h1{font-weight:800;letter-spacing:-4px}.hero p{opacity:1;color:#d9eae4}.hero .button{background:#c9f2b5;color:#073e43;box-shadow:0 8px 28px #0002}.hero .secondary{background:#ffffff0a;color:white;border-color:#ffffff5a}.phone-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:640px}.phone-device{width:min(300px,75vw);padding:9px;border-radius:48px;background:#101b1e;box-shadow:0 0 0 2px #8ca9a5,0 35px 80px #001c2866;position:relative;transform:rotate(3deg);transition:transform .6s}.phone-device img{width:100%;height:auto;display:block;border-radius:40px}.phone-device:after{content:'';position:absolute;top:18px;width:88px;height:24px;border-radius:20px;background:#05090a;left:50%;transform:translateX(-50%)}.journey-chip{position:absolute;bottom:26px;left:3%;right:3%;background:#f5fbf4e8;color:#073e43;padding:19px 24px;border-radius:20px;border:1px solid #fff9;box-shadow:0 16px 45px #001c2833;backdrop-filter:blur(15px);font-size:16px}.journey-chip small{display:block;margin-top:7px;color:#55756e;font-size:12px}.journey-chip b:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#008085;margin-right:10px}.section{position:relative;border-top:0;padding-top:90px;padding-bottom:90px}h2{line-height:1.12}.features{gap:24px}.features article{padding:30px;border-radius:24px;background:white;border:1px solid #dcebe5;transition:transform .25s,box-shadow .25s}.features article:hover{transform:translateY(-6px);box-shadow:0 20px 40px #073e4310}.features .num{font-size:12px;font-weight:700;letter-spacing:1px}.features h3{line-height:1.25;margin-bottom:12px}.features p{margin-bottom:0}.gallery-section{background:#e5f0e9;border-radius:32px;margin:45px 4% 0;padding:48px 32px}.gallery-section h2{margin-top:18px}.screenshot-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 5px 24px;scrollbar-color:#008085 #d8e7df}.screenshot-rail figure{margin:0;flex:0 0 250px;scroll-snap-align:start}.screenshot-rail img{display:block;width:100%;border-radius:19px;box-shadow:0 14px 30px #073e4320;transition:transform .3s}.screenshot-rail a:focus-visible{outline:3px solid #008085;outline-offset:6px}.screenshot-rail a:hover img{transform:translateY(-5px)}#carplay{color:white;isolation:isolate;border-radius:28px;margin:25px 4%;overflow:hidden;background:#073e43}#carplay:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#073e43f2,#073e43a8),url('assets/landscape.webp') center 47%/cover}#carplay .badge{color:#c9f2b5}#carplay p{opacity:1;color:#dae8e1}#downloads{max-width:1400px;margin:auto}.button{transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.footer{background:#073e43;color:#dceee7;border:0;padding-top:35px;padding-bottom:35px}a:focus-visible,select:focus-visible{outline:3px solid #71c9bb;outline-offset:5px}.has-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.has-motion .reveal.is-visible{opacity:1;transform:none}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:#008085;width:100%;transform-origin:left;transform:scaleX(0);z-index:30;pointer-events:none}html[dir=rtl] .scroll-progress{transform-origin:right}@media(max-width:760px){.hero{padding-top:55px;padding-bottom:70px}.hero h1{letter-spacing:-2px;font-size:clamp(46px,11vw,72px)}.hero:before{background:linear-gradient(180deg,#073e43f0 0%,#073e43b0 60%,#073e4375 100%),url('assets/landscape.webp') center/cover}.phone-stage{min-height:620px;margin-top:10px}.phone-device{width:270px}.journey-chip{bottom:0}.section{padding-top:60px;padding-bottom:60px}.gallery-section{padding:32px 20px;margin-top:30px;border-radius:24px}.screenshot-rail figure{flex-basis:72vw;max-width:290px}.links{gap:12px}.links select{max-width:115px}#carplay{padding:42px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.has-motion .reveal{opacity:1;transform:none}.scroll-progress{display:none}}
/* Preserve original screenshot proportions at every gallery width. */
.screenshot-rail img{height:auto;aspect-ratio:1206 / 2622;object-fit:contain}
.screenshot-rail a{display:block}