/* Reuse the checked phone swipe flow without changing the Ride desktop layout. */
.ride-experience-page .home-yelo-section{display:none}
.ride-planned-label{display:inline-block;font-size:13px;line-height:1.4;vertical-align:middle;padding:4px 8px;background:#e3eef5;color:#244e65;border-radius:5px}
@media(max-width:700px){
.ride-experience-page .ride-steps-desktop{display:none}
.ride-experience-page .home-yelo-section{display:block}
.ride-experience-page .home-yelo-section .section-heading{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;margin-bottom:25px}
.ride-experience-page .home-yelo-section .section-heading h2{font-size:37px;line-height:1.1}
.ride-experience-page .home-yelo-section .section-heading .button{min-height:46px}
}

/* Actual place imagery on phones; retain the approved desktop list. */
.ride-area-photo{display:none}
@media(max-width:700px){.ride-area-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px;margin:0 0 18px}.ride-area-section .area-list article{padding-top:20px;padding-bottom:24px}}

/* Authentic community imagery, explicitly separate from quote attribution. */
.ride-perspective-pair{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center;max-width:880px;border-top:1px solid #c8dce7;margin-top:36px;padding-top:26px}
.ride-perspective-photo{margin:0;min-width:0}
.ride-perspective-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:55% 52%;border-radius:12px}
.ride-perspective-photo figcaption{font-size:11px;line-height:1.45;color:#4c6a7d;margin-top:8px}
.ride-perspective-pair .ride-perspective{border:0;padding:0;margin:0;max-width:none}
@media(max-width:700px){.ride-perspective-pair{grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start}.ride-perspective-pair .ride-perspective blockquote{font-size:19px;line-height:1.5}.ride-perspective-pair .ride-perspective figcaption{font-size:13px;gap:7px}.ride-perspective-photo figcaption{font-size:10px}}

/* Compact rider help and the driver's existing external application. */
.faq-contact-card{display:flex;align-items:center;gap:14px;max-width:340px;margin-top:24px;padding:16px 18px;border:1px solid #b9d5e2;border-radius:14px;background:#fff;color:#103e58;text-decoration:none;box-shadow:0 4px 16px #103e5808}
.faq-contact-card .faq-contact-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:#ddf2fa;font-size:24px}
.faq-contact-card small,.faq-contact-card strong,.faq-contact-card span>span{display:block}.faq-contact-card small{font-size:12px;color:#526e7f;margin-bottom:3px}.faq-contact-card strong{font-size:18px;line-height:1.35}.faq-contact-card span>span{font-size:14px;margin-top:3px}.faq-contact-card:hover{border-color:#1783ab;background:#f6fcff}.faq-contact-card:focus-visible{outline:3px solid #ac7500;outline-offset:4px}
.driver-application{margin-top:20px;scroll-margin-top:110px}.driver-application .button{display:inline-flex;align-items:center;gap:12px;min-height:48px;background:#fff;color:#103e58;border:1px solid #c0dbe7;font-size:16px;text-decoration:none}.driver-application p{font-size:12px!important;line-height:1.5;margin-top:8px!important}.driver-application .button:focus-visible{outline:3px solid #f5ce4d;outline-offset:4px}
@media(max-width:600px){.faq-contact-card{max-width:none;margin-top:18px;padding:13px 15px}.faq-section{gap:24px}}
/* Concise app introduction, followed by authentic rider and city imagery. */
.ride-app-hero{padding:65px 7%;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;min-height:620px;background:#eef9fc}
.ride-app-copy h1{font-size:clamp(52px,6.7vw,96px);line-height:1;letter-spacing:-.055em;margin-bottom:24px}
.ride-app-copy .lead{font-size:23px;line-height:1.55;max-width:31ch;margin-bottom:32px}
.ride-app-copy .app-download-button{min-height:56px;margin:0;font-size:18px;padding:17px 26px}
.ride-app-platform{display:block;font-size:12px;color:#526e7f;margin:11px 0 22px}
.ride-app-help-link{font-size:14px}
.ride-app-hero .yelo-device{width:230px;transform:rotate(5deg)}
.ride-app-hero .yelo-app-figure{margin:0;padding:0;max-width:none}
.ride-app-hero .yelo-app-figure:before{width:340px;height:340px}
.ride-app-hero .yelo-app-figure figcaption{font-size:11px;line-height:1.6;margin-top:25px}
.ride-together{position:relative;min-height:590px;overflow:hidden;background:#092f4d;color:white;isolation:isolate}
.ride-together-collage{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:8px;z-index:-2}.ride-together-collage img{display:block;width:100%;height:100%;object-fit:cover;min-width:0}.ride-together-collage img:nth-child(2){object-position:70% center}
.ride-together:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#062c48ed,#062c4890 47%,#062c4820);z-index:-1}
.ride-together-copy{padding:90px 7%;max-width:730px}.ride-together h2{font-size:clamp(48px,6vw,82px);line-height:1.03;letter-spacing:-.04em;margin:25px 0}.ride-together-copy p:not(.eyebrow){font-size:20px;margin-bottom:25px}.ride-together .button{background:white;color:#092f4d;min-height:50px}.ride-together-credit{position:absolute;bottom:20px;right:7%;font-size:11px;color:white}
.ride-real-moments .ride-moments-heading{max-width:600px;margin-bottom:32px}.ride-real-moments .ride-moments-photos{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:20px}.ride-real-moments .ride-moments-photos figure{margin:0}.ride-real-moments .ride-moments-photos img{display:block;width:100%;height:380px;object-fit:cover;border-radius:10px}.ride-real-moments .ride-moments-photos figure:nth-child(2){padding-top:50px}.ride-real-moments .ride-moments-photos figure:nth-child(2) img{height:280px}.ride-real-moments figcaption{font-size:12px;line-height:1.6;margin-top:12px;color:#4c6a7d}
@media(max-width:700px){.ride-app-hero{padding:38px 6% 35px;grid-template-columns:1fr;gap:32px;min-height:0}.ride-app-copy h1{font-size:56px}.ride-app-copy .lead{font-size:18px;max-width:30ch;margin-bottom:23px}.ride-app-hero .yelo-device{width:170px}.ride-app-hero .yelo-app-figure:before{width:230px;height:230px}.ride-app-hero .yelo-app-figure figcaption{margin-top:20px}.ride-together{min-height:580px}.ride-together-collage{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px}.ride-together-collage img:first-child{grid-row:1/3}.ride-together-collage img:nth-child(2){object-position:65% center}.ride-together:after{background:linear-gradient(0deg,#062c48f2,#062c4880 55%,#062c4820)}.ride-together-copy{padding:265px 6% 58px}.ride-together h2{font-size:46px;margin:18px 0}.ride-together-copy p:not(.eyebrow){font-size:17px}.ride-together-credit{right:6%;bottom:18px;font-size:10px}.ride-real-moments .ride-moments-photos{grid-template-columns:1fr 1fr;gap:14px}.ride-real-moments .ride-moments-photos img{height:250px}.ride-real-moments .ride-moments-photos figure:nth-child(2){grid-column:1/3;grid-row:2;padding-top:0}.ride-real-moments .ride-moments-photos figure:nth-child(2) img{height:auto;aspect-ratio:3/2}.ride-real-moments .ride-moments-photos figcaption{font-size:11px}}
@media(max-width:700px){
.ride-experience-page .ride-app-hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:38px 6%}
.ride-experience-page .ride-app-copy{display:block;max-width:none}
.ride-experience-page .ride-app-copy>.eyebrow{font-size:11px;margin:0 0 18px}
.ride-experience-page .ride-app-copy>h1{font-size:51px;line-height:1.03;margin:0 0 20px}
.ride-experience-page .ride-app-copy>.lead{font-size:17px;line-height:1.6;margin:0 0 23px}
.ride-experience-page .ride-app-copy>.app-download-button{width:auto;min-height:52px;margin:0;font-size:17px}
.ride-experience-page .ride-app-copy>.text-link{font-size:13px}
.ride-experience-page .ride-app-hero>.yelo-app-figure{width:100%;max-width:none;align-self:center;margin:0;padding:0}
.ride-experience-page .ride-app-hero .yelo-device{width:165px;transform:rotate(4deg)}
.ride-experience-page .ride-app-hero .yelo-app-figure figcaption{font-size:10px;line-height:1.6;margin-top:18px}
}