:root{--pink: #fe0083;--pink-deep: #d1006c;--ink: #101012;--cream: #fff3e6;--white: #fff;--blue: #1b5bd9;--yellow: #ffd23f;--note: #fff1b8;--note-ink: #6b5200;--text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--round: ui-rounded, "SF Pro Rounded", var(--display)}*{box-sizing:border-box}html{background:linear-gradient(var(--pink) 50%,var(--ink) 50%);scroll-behavior:smooth}body{margin:0;overflow-x:clip;background:var(--cream);color:var(--ink);font:18px/1.55 var(--text);-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--display);margin:0}.wrap{width:min(1160px,100% - 48px);margin:0 auto}.wrap.narrow{width:min(820px,100% - 48px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:999px;border:2px solid var(--ink);font:700 17px/1 var(--text);text-decoration:none;transition:opacity .15s ease}.btn-ink{background:var(--ink);color:#fff}a.btn:hover,a.badge:hover{opacity:.85}a.btn:active,a.badge:active{opacity:.7}.btn-outline{background:transparent;color:var(--ink)}.btn-small{padding:11px 20px;font-size:15px}.stores{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin:0}.badge{display:grid;justify-items:center;gap:4px;text-decoration:none;transition:opacity .15s ease}.badge.soon img{filter:grayscale(1) contrast(.7)}.badge small{color:var(--ink);font:500 12px/normal var(--text)}.badge img{display:block;width:auto;height:56px}.topbar{background:var(--pink)}.hero{position:relative;overflow:hidden;background:var(--pink);color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.brand{display:flex;align-items:center;gap:12px;font:800 22px/1 var(--display);color:var(--ink);text-decoration:none}.brand img{border-radius:24%}.brand-big{gap:16px}.brand-text{display:grid;gap:2px}.brand-text b{font:800 28px/1 var(--display)}.brand-text small{font:600 15px/1.1 var(--text);opacity:.75}.brand-big img{width:72px;height:72px}.footer .brand{color:#fff}.nav-right{display:flex;align-items:center;gap:14px}.langs{display:flex;gap:14px;font-size:15px;color:var(--ink)}.lang-picker select{appearance:none;-webkit-appearance:none;height:46px;padding:0 44px 0 18px;border:2px solid var(--ink);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5 7 7.5 13 1.5' fill='none' stroke='%23101012' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;color:var(--ink);font:700 16px/normal var(--text);cursor:pointer}.lang-picker select:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:end;gap:24px;min-height:720px}.hero-copy{align-self:center;padding:24px 0 96px}.hero h1{font-size:clamp(46px,7.6vw,104px);line-height:.93;font-weight:800;color:#fff;text-wrap:balance}html[lang=ca] .hero h1{font-size:clamp(40px,6.1vw,80px)}html[lang=es] .hero h1{font-size:clamp(40px,5.4vw,70px)}.lead{margin:26px 0 34px;max-width:20em;font-size:clamp(18px,2vw,22px);line-height:1.45;font-weight:500;color:var(--ink)}.devices{position:relative;height:700px}.phone-front{position:absolute;right:6%;bottom:-50px;width:310px;transform:rotate(3deg);z-index:2}.phone-back{position:absolute;left:4%;bottom:-120px;width:270px;transform:rotate(-8deg);z-index:1}.phone{margin:0;padding:9px;border-radius:48px;background:#08080a;box-shadow:0 34px 70px #00000052,inset 0 0 0 2px #2a2a2e}.phone img{display:block;width:100%;height:auto;border-radius:40px}.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:999px;box-shadow:0 14px 34px #00000038}.pill{position:absolute;z-index:3;width:max-content;display:flex;align-items:center;gap:.7em;padding:.45em .85em;border:3px solid #cfcfd2;border-radius:999px;background:#fff;box-shadow:0 14px 34px #00000038;font:800 30px/1 var(--round)}.pill .grp{display:flex;align-items:center;gap:.3em}.pill svg{height:.95em;width:auto;fill:currentColor}.pill .bike{color:var(--ink)}.pill .bolt{color:var(--pink)}.pill .pbadge{display:grid;place-items:center;width:1.15em;height:1.15em;border-radius:.34em;background:var(--blue)}.pill .pbadge svg{height:.72em;fill:#fff}.pill .n-bike{color:var(--ink)}.pill .n-bolt{color:var(--pink)}.pill .n-dock{color:var(--blue)}.f1{left:0;top:215px;transform:rotate(-4deg)}.f2{right:0;bottom:150px;transform:rotate(2deg)}.notif{gap:12px;padding:12px 20px 12px 12px;border-radius:22px;max-width:300px}.notif img{border-radius:10px;flex:none}.notif div{display:grid;gap:1px;font:400 14px/1.3 var(--text)}.notif strong{font-weight:700;font-size:14px}.notif span{color:#444}@media(prefers-reduced-motion:no-preference){.float{animation:bob 5s ease-in-out infinite}.f2{animation-delay:-2s}.f3{animation-delay:-1s}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -10px}}}.features{padding:96px 0 40px}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;margin-bottom:120px}.row.rev .copy{order:2}.copy h2{font-size:clamp(36px,4.6vw,62px);line-height:.98;font-weight:800;text-wrap:balance}.copy p{margin:20px 0 0;max-width:28em;font-size:20px;line-height:1.5;color:#3a3a3d}.card{position:relative;height:580px;overflow:hidden;border-radius:48px}.card-pink{background:var(--pink)}.card-ink{background:radial-gradient(circle at 70% 25%,rgba(254,0,131,.55),transparent 55%),var(--ink)}.card-yellow{background:var(--yellow)}.card-blue{background:var(--blue);display:grid;place-items:center}.card-phone{position:absolute;width:290px}.card-phone.center{left:50%;top:60px;translate:-50% 0}.card-ink .card-phone.center{top:150px}.card-phone.left{left:7%;top:90px;width:240px}.card-phone.right{right:7%;top:150px;width:240px}.f3{top:36px;left:0;right:0;margin:0 auto;width:fit-content}.shot-wrap{container-type:inline-size;width:min(430px,86%)}.shot-card{display:block;width:100%;height:auto;border-radius:4.5cqw;box-shadow:0 30px 60px #0000004d}.small{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 40px;padding:0;list-style:none}.small li{padding:30px;border-radius:32px;background:#fff}.small .ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:16px;background:var(--pink)}.small .ic svg{width:auto;height:26px;overflow:visible;fill:#fff;stroke:none}.small h3{font-size:24px;font-weight:800}.small p{margin:8px 0 0;color:#4a4a4d;font-size:17px}.cta{position:relative;overflow:hidden;background:var(--pink);color:#fff;padding:100px 0}.cta-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:24px}.cta h2{font-size:clamp(42px,6.4vw,88px);line-height:.95;font-weight:800;text-wrap:balance}.cta p{margin:22px 0 30px;font-size:22px;font-weight:600;color:var(--ink)}.cta .stores{padding-bottom:0}.cyclist{display:block;width:100%;max-width:560px;height:auto;margin:0 auto}.faq{padding:110px 0}.faq h2{margin-bottom:36px;font-size:clamp(36px,5vw,64px);font-weight:800}details{position:relative}details:before,details:last-of-type:after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--ink);pointer-events:none}details:before{top:0}details:last-of-type:after{bottom:0}summary{position:relative;padding:24px 56px 24px 0;font:700 22px/1.25 var(--display);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"";position:absolute;right:4px;top:50%;translate:0 -50%;width:38px;height:38px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v12M2 8h12' stroke='%23fff' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") center / 16px 16px no-repeat,var(--pink);transition:rotate .2s ease}details[open]:not(.closing) summary:after{rotate:45deg}.answer{display:flow-root}details p{margin:0 0 26px;max-width:40em;color:#3a3a3d}details a{color:var(--pink-deep)}.footer{padding:64px 0 56px;background:var(--ink);color:#cfcfd2;font-size:15px}.footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:32px}.footer .links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;font-weight:600}.footer .links a{color:#fff;text-decoration:none;transition:color .15s ease}.footer .links a:hover,.footer .fine a:hover{color:var(--pink)}.footer .fine{margin:0 0 10px;max-width:34em;color:#9a9aa0}.footer .fine a{color:#cfcfd2}.js [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js [data-reveal].in{opacity:1;transform:none}@media(max-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}.devices{height:520px}.phone-front{right:12%;bottom:-80px;width:250px}.phone-back{left:4%;bottom:-140px;width:220px}.f1{top:150px;left:0;font-size:22px}.f2{right:0;bottom:100px}.hero-copy{padding:8px 0 24px}.row{grid-template-columns:1fr;gap:32px;margin-bottom:80px}.row.rev .copy{order:0}.card{height:520px}.small,.cta-grid{grid-template-columns:1fr}.cta .stores{padding-bottom:0}.cyclist{max-width:300px;margin:8px auto 0}}@media(max-width:560px){body{font-size:17px}.brand-big{gap:12px}.brand-text b{font-size:22px}.brand-text small{font-size:12.5px;white-space:nowrap}.lang-picker select{height:42px;padding:0 34px 0 14px;font-size:15px;background-position:right 12px center}.brand-big img{width:48px;height:48px}.nav-right .btn{display:none}.btn{padding:15px 22px}.card{border-radius:36px;height:480px}.card-phone{width:240px}.card-phone.left,.card-phone.right{width:200px}.notif{max-width:250px}.hero h1{font-size:clamp(44px,13.4vw,64px)}html[lang=ca] .hero h1{font-size:clamp(32px,11.6vw,46px)}html[lang=es] .hero h1{font-size:clamp(30px,calc(41px + (100vw - 390px)*.3),46px)}.lead{max-width:none;margin:16px 0 22px;font-size:clamp(14px,4vw,16px)}.stores{flex-wrap:nowrap;gap:12px}.badge img{height:clamp(36px,11.5vw,48px)}.hero-copy{padding-bottom:8px}.cta{padding:88px 0 80px}.devices{height:440px}.phone-front{bottom:-120px}.phone-back{bottom:-140px}.f1{top:110px}}@media(max-width:340px){.brand-text small{display:none}}
