body.page-public-how-it-works{background:#fff}
body.page-public-how-it-works .site-body{overflow:clip}
.how-premium{--how-red:#d71920;--how-red-dark:#ad1016;--how-ink:#181a1c;--how-charcoal:#24272a;--how-muted:#5b6065;--how-line:#d8dadd;--how-pale:#f2f3f3;--how-shell:min(1380px,calc(100% - 48px));width:100vw;max-width:100%;margin:0 calc(50% - 50vw);color:var(--how-ink);background:#fff}
.how-shell{width:var(--how-shell);margin-inline:auto}
.how-premium img{display:block;max-width:100%}
.how-premium-kicker,.how-premium-list-title{margin:0;color:var(--how-red);font-size:.72rem;font-weight:900;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}
.how-premium-hero{position:relative;min-height:clamp(680px,86svh,920px);overflow:hidden;background:#111;color:#fff}
.how-premium-hero__image,.how-premium-hero__shade{position:absolute;inset:0;width:100%;height:100%}
.how-premium-hero__image{left:auto;width:72%;object-fit:contain;object-position:right center;z-index:0}
.how-premium-hero__shade{z-index:1;background:linear-gradient(90deg,rgba(10,11,12,.94) 0%,rgba(10,11,12,.74) 40%,rgba(10,11,12,.08) 75%),linear-gradient(0deg,rgba(10,11,12,.65),transparent 45%)}
.how-premium-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);grid-template-rows:1fr auto;min-height:inherit;padding:clamp(100px,11vw,150px) 0 clamp(36px,5vw,64px);align-items:center}
.how-premium-hero__copy{max-width:710px}
.how-premium-hero .how-premium-kicker{color:#ff4a52}
.how-premium-hero h1{max-width:780px;margin:18px 0 0;color:#fff!important;font-size:clamp(4rem,7vw,7.4rem);font-weight:900;line-height:.88;letter-spacing:-.07em}
.how-premium-hero__copy>p:not(.how-premium-kicker){max-width:650px;margin:28px 0 0;color:#e1e2e3;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.7}
.how-premium-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.how-premium-button{display:inline-flex;min-height:50px;padding:12px 20px;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;border-radius:3px;font-size:.82rem;font-weight:850;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}
.how-premium-button:hover{transform:translateY(-1px)}
.how-premium-button--primary{background:var(--how-red);color:#fff}
.how-premium-button--primary:hover{background:var(--how-red-dark);color:#fff}
.how-premium-button--light{background:#fff;color:#161719}
.how-premium-button--light:hover{background:#ededee;color:#161719}
.how-premium-button--dark-outline{border-color:#606368;color:#fff}
.how-premium-button--dark-outline:hover{border-color:#fff;color:#fff}
.how-premium-hero__status{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr auto auto 1fr auto auto 1fr auto auto;gap:14px;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.28)}
.how-premium-hero__status span{color:#ff4a52;font-size:.68rem;font-weight:900}.how-premium-hero__status strong{color:#fff;font-size:.82rem}.how-premium-hero__status i{height:1px;background:rgba(255,255,255,.35)}
.how-premium-principles{border-bottom:1px solid var(--how-line);background:#fff}
.how-premium-principles__grid{display:grid;grid-template-columns:repeat(3,1fr)}
.how-premium-principles article{display:grid;grid-template-columns:36px 1fr;gap:7px 16px;padding:clamp(28px,4vw,50px)}
.how-premium-principles article+article{border-left:1px solid var(--how-line)}
.how-premium-principles span{grid-row:1/3;color:var(--how-red);font-size:.72rem;font-weight:900}.how-premium-principles strong{font-size:1.05rem}.how-premium-principles p{margin:0;color:var(--how-muted);font-size:.9rem;line-height:1.55}
.how-premium-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(45px,8vw,110px);padding:clamp(75px,8vw,115px) 0 clamp(45px,6vw,70px);align-items:end}
.how-premium-intro h2,.how-premium-path__header h2,.how-scan-story h2,.how-premium-tools header h2,.how-premium-account h2,.how-premium-final h2{margin:16px 0 0;font-size:clamp(3rem,5.5vw,6.2rem);font-weight:900;line-height:.9;letter-spacing:-.065em}
.how-premium-intro>p{margin:0;color:var(--how-muted);font-size:1.05rem;line-height:1.75}
.how-premium-nav{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--how-line)}
.how-premium-nav a{display:grid;grid-template-columns:34px 1fr;gap:6px 14px;min-height:120px;padding:24px;color:var(--how-ink);text-decoration:none;transition:background .18s,color .18s}
.how-premium-nav a+a{border-left:1px solid var(--how-line)}.how-premium-nav span{grid-row:1/3;color:var(--how-red);font-size:.7rem;font-weight:900}.how-premium-nav strong{font-size:1rem}.how-premium-nav small{color:var(--how-muted)}
.how-premium-nav a:hover{background:var(--how-ink);color:#fff}.how-premium-nav a:hover small{color:#ccc}
.how-premium-path{scroll-margin-top:90px;padding:clamp(75px,8vw,115px) 0}
.how-premium-path--rider{background:#fff}.how-premium-path--bike{background:var(--how-charcoal);color:#fff}
.how-premium-path__header{display:grid;grid-template-columns:clamp(48px,7vw,100px) minmax(0,1fr);gap:20px;max-width:1050px;margin-bottom:clamp(42px,6vw,68px)}
.how-premium-path__number{color:var(--how-red);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:900}
.how-premium-path__header h2{font-size:clamp(3rem,5vw,5.7rem)}
.how-premium-path--bike h2,.how-premium-path--bike h3{color:#fff!important}
.how-premium-path__layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(390px,1fr);gap:clamp(45px,7vw,95px);align-items:start}
.how-premium-path__media{height:clamp(430px,46vw,620px);margin:0;overflow:hidden;background:var(--how-pale)}
.how-premium-path__media img{width:100%;height:100%;object-fit:cover}
.how-premium-path--rider .how-premium-path__media img{object-position:center}
.how-premium-path--bike .how-premium-path__media{height:clamp(380px,38vw,540px)}
.how-premium-path--bike .how-premium-path__media img{object-position:65% center}
.how-rider-placements{display:grid;gap:1px;background:var(--how-line)}
.how-rider-placements article{min-height:185px;padding:clamp(24px,3vw,36px);background:var(--how-pale)}
.how-rider-placements article>span{display:block;float:right;color:var(--how-red);font-size:.72rem;font-weight:900}
.how-rider-placements h3{margin:14px 0 0;font-size:clamp(1.5rem,2.4vw,2.5rem);letter-spacing:-.04em}
.how-rider-placements article>p:last-child{max-width:440px;margin:14px 0 0;color:var(--how-muted);line-height:1.6}
.how-premium-path__intro{margin:0;color:var(--how-muted);font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.7}
.how-premium-path--bike .how-premium-path__intro{color:#d0d2d4}
.how-premium-steps{margin-top:34px}.how-premium-steps ol{margin:14px 0 0;padding:0;list-style:none;border-top:1px solid var(--how-line)}
.how-premium-steps li{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--how-line)}
.how-premium-path--bike .how-premium-steps ol,.how-premium-path--bike .how-premium-steps li{border-color:#55595d}
.how-premium-steps li span{color:var(--how-red);font-size:.72rem;font-weight:900}.how-premium-steps li p{margin:0;line-height:1.6}
.how-scan-story{padding:clamp(75px,8vw,115px) 0;background:var(--how-pale)}
.how-scan-story__grid{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(300px,.85fr);gap:clamp(50px,8vw,110px);align-items:center}
.how-scan-story__copy>p:not(.how-premium-kicker){max-width:680px;margin:26px 0 0;color:var(--how-muted);line-height:1.75}
.how-scan-story__copy ul{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--how-line)}.how-scan-story__copy li{padding:16px 0;border-bottom:1px solid var(--how-line);font-weight:750}.how-scan-story__copy li::before{content:"✓";margin-right:12px;color:var(--how-red)}
.how-scan-story__phone{width:min(100%,430px);margin:0;justify-self:center}.how-scan-story__phone img{width:100%;height:auto;object-fit:contain}
.how-location-banner{padding:clamp(70px,8vw,110px) 0;background:#fff}
.how-location-banner__grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(480px,1.28fr);gap:clamp(45px,7vw,95px);align-items:center}
.how-location-banner__caption{padding:clamp(28px,4vw,48px);border-left:5px solid var(--how-red);background:#191b1d;color:#fff}
.how-location-banner__caption h2{margin:15px 0 0;color:#fff!important;font-size:clamp(2.2rem,3.7vw,4.3rem);line-height:.98;letter-spacing:-.05em}
.how-location-banner__caption>p:last-child{margin:24px 0 0;color:#c8cbcd;line-height:1.7}
.how-location-banner figure{margin:0;overflow:hidden;border:1px solid var(--how-line);background:#fff}
.how-location-banner figure img{width:100%;height:auto;object-fit:contain}
.how-bike-tracking{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(430px,1.2fr);gap:clamp(45px,7vw,90px);margin-top:clamp(55px,7vw,85px);padding-top:clamp(45px,6vw,70px);border-top:1px solid #55595d;align-items:center}
.how-bike-tracking h3{margin:16px 0 0;font-size:clamp(2rem,3.5vw,4rem);line-height:.98;letter-spacing:-.05em}.how-bike-tracking div>p:last-child{margin:24px 0 0;color:#c9ccce;line-height:1.7}.how-bike-tracking img{width:100%;background:#fff}
.how-premium-tools{padding:clamp(75px,8vw,115px) 0;background:#fff}.how-premium-tools header{max-width:950px}.how-premium-tools__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.how-premium-tools article{padding:clamp(30px,4vw,52px);border:1px solid var(--how-line);background:var(--how-pale)}.how-premium-tools article>span{display:block;margin-bottom:40px;color:var(--how-red);font-weight:900}.how-premium-tools article h3{margin:16px 0 0;font-size:clamp(2rem,3vw,3.4rem);line-height:1;letter-spacing:-.05em}.how-premium-tools article>p:not(.how-premium-kicker){margin:22px 0 0;color:var(--how-muted);line-height:1.7}.how-premium-tools ul{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--how-line)}.how-premium-tools li{padding:14px 0;border-bottom:1px solid var(--how-line)}.how-premium-tools li::before{content:"✓";margin-right:10px;color:var(--how-red)}.how-premium-tools article a{display:inline-flex;margin-top:28px;color:var(--how-ink);font-weight:850;text-decoration:none}
.how-premium-account{padding:clamp(75px,8vw,120px) 0;background:var(--how-pale)}.how-premium-account__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,150px);align-items:center}.how-premium-account h2{font-size:clamp(2.8rem,4.6vw,5rem)}.how-premium-account__grid>div:last-child>p{margin:0;color:var(--how-muted);font-size:1.05rem;line-height:1.75}.how-premium-text-link{display:inline-flex;min-height:44px;align-items:center;gap:18px;border-bottom:1px solid var(--how-ink);color:var(--how-ink);font-weight:850;text-decoration:none}
.how-premium-final{padding:clamp(90px,11vw,170px) 0;background:#17191b;color:#fff;text-align:center}.how-premium-final .how-shell{display:grid;justify-items:center}.how-premium-final h2{color:#fff!important}.how-premium-final .how-shell>p:not(.how-premium-kicker){margin:24px 0 0;color:#c8cbcd;font-size:1.1rem}
.how-premium :is(a,button):focus-visible{outline:3px solid var(--how-red);outline-offset:4px}
html.how-motion-ready .how-premium [data-how-reveal]{opacity:0;transform:translateY(22px);transition:opacity .56s cubic-bezier(.22,1,.36,1) var(--how-delay,0ms),transform .56s cubic-bezier(.22,1,.36,1) var(--how-delay,0ms)}
html.how-motion-ready .how-premium [data-how-reveal].is-visible{opacity:1;transform:none}
@media(max-width:900px){
  .how-premium-hero__inner{grid-template-columns:1fr}.how-premium-hero__copy{align-self:center}
  .how-premium-intro,.how-premium-path__layout,.how-scan-story__grid,.how-location-banner__grid,.how-bike-tracking,.how-premium-account__grid{grid-template-columns:1fr}
  .how-premium-path__media{max-width:760px}.how-bike-tracking img{order:-1}
  .how-scan-story__phone{width:auto;max-width:100%;justify-self:center}.how-scan-story__phone img{width:auto;height:auto;max-width:100%;max-height:60vh}
}
@media(max-width:640px){
  .how-premium{--how-shell:calc(100% - 40px)}
  .how-premium-hero{min-height:0}.how-premium-hero__image{position:relative;left:auto;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center}.how-premium-hero__shade{height:auto;aspect-ratio:4/3;background:linear-gradient(0deg,rgba(10,11,12,.72),transparent 65%)}.how-premium-hero__inner{display:block;min-height:0;padding:42px 0 26px}.how-premium-hero h1{font-size:clamp(3.5rem,16vw,5rem)}.how-premium-hero__status{grid-template-columns:32px 1fr;margin-top:38px;gap:9px 12px}.how-premium-hero__status i{display:none}
  .how-premium-button{width:100%}.how-premium-principles__grid,.how-premium-nav,.how-premium-tools__grid{grid-template-columns:1fr}.how-premium-principles article+article,.how-premium-nav a+a{border-left:0;border-top:1px solid var(--how-line)}
  .how-premium-intro{grid-template-columns:1fr;padding-block:75px 45px}.how-premium-intro h2,.how-premium-path__header h2,.how-scan-story h2,.how-premium-tools header h2,.how-premium-account h2,.how-premium-final h2{font-size:clamp(2.8rem,13vw,4.2rem)}
  .how-premium-path{padding:75px 0}.how-premium-path__header{grid-template-columns:34px 1fr;margin-bottom:42px}.how-premium-path__media,.how-premium-path--bike .how-premium-path__media{height:auto;aspect-ratio:4/3;margin-inline:-20px}.how-premium-path__media img{height:100%}
  .how-rider-placements{margin-inline:-20px}.how-rider-placements article{min-height:0;padding:28px 20px}
  .how-location-banner{padding:60px 0}.how-location-banner__grid{gap:26px}.how-location-banner__caption{padding:36px 24px}
  .how-location-banner figure{margin-inline:-20px}
  .how-premium-tools__grid{margin-top:38px}.how-premium-tools article{padding:30px 24px}.how-premium-account__grid{gap:38px}
}
@media(prefers-reduced-motion:reduce){html.how-motion-ready .how-premium [data-how-reveal]{opacity:1;transform:none;transition:none}}

/* Accessibility: these standalone CTA links only had a ~26px-tall clickable
   rect (their text line-height). */
.how-premium-tools article a{align-items:center;min-height:44px}