/* GrubRide: Lyft-inspired editorial layout on the three-app live-site baseline. */
:root{--paper:#fff;--line:#e4e8df;--tint:#eef4e0;--tint-dark:#c3d9a5;--display:'Manrope',system-ui,sans-serif}
html{scroll-padding-top:105px}
.wrap{max-width:1320px;padding-inline:48px}
.announcement{background:#f1f5ea;color:#263c32;padding-block:10px;font-size:11px}
.announcement span{color:#195c45}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.header-row{padding-block:20px}
.brand{font-size:27px}
.logo{width:44px;line-height:43px;border-radius:13px;font-size:32px}
nav{font-size:13px;gap:27px}
.nav-cta{padding:13px 23px;border-radius:28px;background:#195c45;color:#fff}
.site-stage{display:block;text-align:center;font-size:8px;letter-spacing:1.15px;color:var(--muted);margin-top:19px;padding-inline:20px}
.hero{padding-block:40px 76px}
.hero-grid{grid-template-columns:1fr 1.08fr;gap:50px}
h1{font-size:clamp(58px,6.3vw,87px);line-height:1.015;letter-spacing:-.055em;margin:20px 0 23px}
.lede{font-size:16px;line-height:1.75;max-width:31em;margin-bottom:27px}
.hero-primary{display:inline-flex;align-items:center;gap:27px;padding:16px 25px;background:#195c45;color:white;border-radius:28px;font-size:12px;text-decoration:none;font-weight:700}
.hero-primary span{font-size:17px}
.choose-label{font-size:11px;color:var(--muted);font-weight:500;margin:26px 0 12px}
.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:none}
.choice{display:block;padding:13px 12px;border-radius:14px;position:relative;background:var(--card)}
.choice .app-icon{width:32px;height:32px;font-size:21px;border-radius:9px;margin-bottom:10px}
.choice strong{font-size:15px}
.choice small{font-size:9px;white-space:nowrap}
.choice i{position:absolute;right:11px;top:13px;font-size:15px}
.choice:hover{transform:translateY(-3px)}
.editorial-visual{height:590px;background:#e2ecd3;border-radius:25px;overflow:hidden;isolation:auto}
.editorial-visual::before{display:none}
.editorial-visual>img{width:100%;height:100%;object-fit:cover;object-position:47% center;display:block}
.hero-caption{position:absolute;left:24px;right:24px;bottom:28px;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #ffffff78;border-radius:16px;background:#ffffffed;color:#172b25;box-shadow:0 10px 30px #162a231a}
.hero-caption strong{font:800 14px var(--display)}
.hero-caption small{display:block;font-size:11px;color:#66756b;margin-top:3px}
.hero-caption .app-icon{width:37px;height:37px;font-size:24px}
.illustration-label{position:absolute;right:15px;top:14px;font-size:6px;letter-spacing:1px;color:#304535;background:#ffffffb8;padding:6px 8px;border-radius:15px}
.ticker{background:#f3f5ed;border:0;padding-block:24px;font-size:10px;color:#5b7652}
.ticker-track,.ticker-group{gap:42px}
.section{padding-block:90px}
.section-title{align-items:center;margin-bottom:40px}
h2{font-size:clamp(34px,4.4vw,57px);line-height:1.055;letter-spacing:-.047em}
.section-title>p{font-size:14px;max-width:22em}
.eyebrow{font-size:10px;letter-spacing:1.4px}
.app-grid{gap:22px}
.app-card{border:0;background:#f4f6ee;border-radius:23px;padding:31px;gap:13px}
.app-card:nth-child(2){background:#eef4e0}
.app-card:nth-child(3){background:#e4edde}
.app-card h3{font-size:24px;letter-spacing:-.04em}
.app-card p{font-size:14px;line-height:1.8}
.app-card ul{font-size:12px;gap:10px;margin-block:8px 15px}
.app-card a{font-size:12px}
.feature{padding-block:100px}
.band-lime{background:var(--tint)}
.band-cream{background:#f6f3ea}
.feature-grid{grid-template-columns:1fr 1fr;gap:100px}
.feature-copy h2{font-size:clamp(42px,4.7vw,64px)}
.feature-copy>p{font-size:16px;line-height:1.8;max-width:29em;margin-block:24px}
.feature-link{font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:28px;background:#195c45;color:white;border-radius:26px;padding:14px 22px}
.band-ink .feature-link{background:#dafc8b;color:#172b25}
.feature-visual{position:relative;isolation:isolate;min-height:440px}
.visual-halo{position:absolute;inset:15px -8px;border:1px solid #6a56771f;background:#ffffff45;border-radius:50%;z-index:-1}
.band-cream .visual-halo{background:#e8dfcc80;border:0}
.band-ink .visual-halo{background:#2a493b66;border-color:#ffffff13}
.mock-card{max-width:350px;transform:rotate(3deg);box-shadow:0 25px 55px #2434251a;border:1px solid #1d39281a;padding:24px;border-radius:27px}
.reverse .mock-card{transform:rotate(-3deg)}
.mock-card.dark{transform:rotate(3deg);border:1px solid #ffffff28;box-shadow:0 25px 55px #00180f55}
.fares{gap:9px}
.fares div{background:#ffffffb0;border:1px solid #ffffff80;padding:13px;border-radius:12px}
.fares dt{font-size:14px}.fares dd{font-size:11px;color:#5e665d}
.partners{max-width:1320px;padding-inline:48px}
.partner-grid{gap:20px}
.partner-card{border-radius:20px;padding:13px;box-shadow:0 3px 12px #1c37210a}
.partner-art{height:150px;border-radius:13px}
.partner-card h3{font-size:17px}
.partner-meta{font-size:8px;letter-spacing:.4px}
.partner-meta small{font-size:7px}
.partner-card p{font-size:12px}
.partner-price{font-size:14px}.partner-price>span{font-size:10px}
.partner-card>a{font-size:11px}
.partner-note,.partner-foot{font-size:11px;line-height:1.8}
.how{background:#f3f5ef;border:0}
.how-grid{gap:100px;align-items:center}
.how-grid>div>p{font-size:15px;line-height:1.8;max-width:30em}
.how li{padding-block:23px}
.how li>span{background:transparent;border:1px solid #bcccb3;color:#195c45}
.how li h3{font-size:19px}
.how li p{font-size:13px;line-height:1.8}
.get-app{padding-block:85px;background:#fff}
.get-app-inner{background:#eef4e0;color:#202c24;padding:58px 55px;border-radius:27px}
.get-app-inner .eyebrow{color:#195c45}
.get-app-inner p{color:#5d6e61;font-size:14px}
.dl-list{max-width:850px;gap:12px;margin-top:35px}
.dl-row{background:#ffffffba;border:1px solid #ffffffb0;padding:16px 20px;border-radius:17px}
.dl-row small{color:#677864;font-size:11px}
.dl-row b{font-size:16px}
.store{border-color:#c9cebf;background:#fbfcf8;color:#586a51;font-size:11px;padding:10px 13px}
.launch-note{color:#5f7456;font-size:9px}
.site-footer{padding-block:65px 35px}
.footer-cols{gap:80px}.site-footer p,.footer-cols a{font-size:13px}.site-footer small{font-size:10px}
@media(min-width:801px) and (max-width:1000px){.hero-grid,.feature-grid,.how-grid{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid.reverse .feature-copy{order:2}}
@media(max-width:1100px){.wrap,.partners{padding-inline:32px}.hero-grid{gap:30px}h1{font-size:65px}.editorial-visual{height:570px}.hero-copy .eyebrow{font-size:8px}.lede{font-size:14px}.choice{padding:11px 9px}.choice small{font-size:8px}.hero-caption{left:14px;right:14px;padding:12px}.hero-caption strong{font-size:12px}.hero-caption small{font-size:10px}.feature-grid{gap:55px}.app-card{padding:24px}.app-card h3{font-size:20px}.app-card p{font-size:12px}.app-card ul{font-size:11px}nav{gap:18px;font-size:12px}.mock-card{padding:20px}.section,.feature{padding-block:75px}.partner-grid{gap:14px}.how-grid{gap:45px}.dl-row{padding:14px}.store{font-size:10px}}
@media(max-width:800px){.hero-grid,.feature-grid,.how-grid{grid-template-columns:1fr;gap:38px}.app-grid{grid-template-columns:1fr}.hero-copy{max-width:600px}.hero-visual{height:490px}.hero-caption{left:22px;right:22px}.hero-caption strong{font-size:15px}.hero-caption small{font-size:12px}.feature-grid.reverse .feature-copy{order:0}.app-card{padding:30px}.app-card h3{font-size:25px}.app-card p{font-size:15px}.app-card ul{font-size:13px}.feature-copy>p{max-width:36em}.feature-visual{min-height:450px}.section-title{align-items:end}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html{scroll-padding-top:88px}.wrap,.partners{padding-inline:21px}.announcement{font-size:9px;padding:9px 12px}.announcement span{display:inline-block}.header-row{padding-block:15px}.brand{font-size:23px}.logo{width:37px;line-height:37px;font-size:27px}.nav-cta{padding:10px 16px;font-size:11px}.site-stage{font-size:6px;letter-spacing:.7px;margin-top:18px}.hero{padding-block:30px 45px}.hero-grid{gap:32px}h1{font-size:66px;margin-block:19px 22px}.lede{font-size:15px;line-height:1.75}.hero-copy .eyebrow{font-size:9px}.hero-primary{font-size:12px;padding:15px 23px}.choose-label{font-size:10px}.choice{padding:12px 10px}.choice strong{font-size:15px}.choice small{font-size:8px}.choice .app-icon{width:30px;height:30px;font-size:20px}.editorial-visual{height:420px;border-radius:21px}.editorial-visual>img{object-position:45% center}.hero-caption{left:15px;right:15px;bottom:20px}.hero-caption strong{font-size:12px}.hero-caption small{font-size:10px}.illustration-label{font-size:6px}.section,.feature{padding-block:55px}h2{font-size:37px}.section-title>p{font-size:13px}.app-card{padding:27px}.feature-grid{gap:30px}.feature-copy h2{font-size:45px}.feature-copy>p{font-size:15px}.feature-visual{min-height:410px}.mock-card{max-width:315px}.visual-halo{inset:10px 0}.fares{grid-template-columns:repeat(3,minmax(0,1fr))}.fares div{padding:11px 9px}.fares dt{font-size:12px}.fares dd{font-size:9px}.partner-grid{gap:11px}.partner-card{padding:11px;border-radius:16px}.partner-art{height:110px}.partner-card h3{font-size:14px}.partner-card p{font-size:10px}.partner-card>a{font-size:9px}.partner-price{font-size:12px}.partner-price>span{font-size:9px}.partner-note,.partner-foot{font-size:10px}.how li h3{font-size:18px}.how-grid>div>p{font-size:14px}.get-app{padding-block:45px}.get-app-inner{padding:40px 16px;border-radius:22px}.get-app-inner h2{font-size:37px}.dl-row{gap:10px;padding:14px 12px}.dl-row>div{min-width:180px}.dl-row b{font-size:15px}.dl-row .app-icon{width:37px;height:37px;font-size:24px}.store{font-size:9px;padding:9px 8px}.footer-cols{gap:45px}.site-footer{padding-block:45px 30px}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--tint:#1d2b22}.announcement{background:#18241f;color:#e3e9dc}.announcement span{color:#dafc8b}.app-card{background:#1d2a22}.app-card:nth-child(2){background:#1d2b22}.app-card:nth-child(3){background:#233222}.band-cream{background:#25231c}.ticker,.how{background:#17241d}.get-app{background:#0f1814}.get-app-inner{background:#1d2b22;color:#e8efe5}.get-app-inner .eyebrow{color:#dafc8b}.get-app-inner p{color:#b5c1af}.dl-row{background:#1f2b23;border-color:#3d4938}.dl-row small{color:#b5c1af}.store{background:#1f2b23;color:#c1ceb8;border-color:#506048}.launch-note{color:#b5c1af}.how li>span{color:#dafc8b;border-color:#53694a}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choice{transition:none}.ticker-track{animation:none}}