.ride-demo-body{--ride-green:#1c6d38;--ride-yellow:#f5b844;--ride-tint:#e2eddd;background:var(--paper);color:var(--ink)}
[data-theme=dark] .ride-demo-body{--ride-green:#a6e4a6;--ride-tint:#263b2b}
.ride-demo-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 5%;border-bottom:1px solid var(--line);font-size:11px}
.ride-demo-header>span{color:var(--muted);font-size:10px}.ride-demo-header>a{text-decoration:underline;text-underline-offset:4px}
.ride-demo{padding:0 6%;max-width:1400px;margin:auto}
.ride-demo-brand{display:flex;gap:20px;align-items:center;padding:35px 0}
.ride-demo-brand>a{font:700 27px/.83 var(--display);letter-spacing:-1.2px;color:var(--ride-green)}
.ride-demo-brand>a span{display:block;color:var(--ride-green);margin-top:4px}.ride-demo-brand>span{font-size:12px;max-width:90px;line-height:1.4;color:var(--muted)}
.ride-demo-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;background:var(--ride-tint);border-radius:35px;padding:55px 6%}
.ride-demo-hero h1{font:700 clamp(45px,5vw,74px)/1.05 var(--display);letter-spacing:-3.5px;color:var(--ride-green);margin:22px 0}
.ride-demo-hero h1 em{font-style:normal;display:inline-block;background:var(--ride-yellow);color:#1a482a;padding:2px 10px 6px;margin-top:5px;transform:rotate(-2deg)}
.ride-demo-deck{font-size:15px;max-width:410px;color:var(--muted);line-height:1.8}
.ride-demo-button{display:inline-flex;gap:24px;background:#1c6d38;color:white;border-radius:30px;padding:13px 24px;font-size:12px;margin-top:20px}
.ride-demo-button:hover{background:#164c28}.ride-demo-hero figure{margin:0;justify-self:center;max-width:280px;transform:rotate(4deg)}
.ride-demo-image{padding:9px;border:1px solid #ffffff88;border-radius:20px;background:#fff;box-shadow:0 20px 35px #142b2522}
.ride-demo-image img{width:100%;border-radius:13px}.ride-demo-hero figcaption{font-size:10px;text-align:center;color:var(--muted);padding-top:15px;line-height:1.6}
.ride-demo-features{padding:65px 0}.ride-demo-section-title h2{font:600 37px/1.1 var(--display);letter-spacing:-1.4px;margin:15px 0}
.ride-demo-section-title>p:last-child{font-size:14px;color:var(--muted);max-width:610px}
.ride-demo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}
.ride-demo-feature-grid article{border-top:1px solid var(--line);padding-top:24px}
.ride-demo-feature-grid article>span{font:600 34px var(--display);color:var(--ride-green)}
.ride-demo-feature-grid h3{font:600 24px var(--display);letter-spacing:-.5px;margin:18px 0 12px}.ride-demo-feature-grid article>p{font-size:13px;color:var(--muted);max-width:300px}
.ride-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:var(--muted)}
@media(max-width:700px){.ride-demo-header{padding:15px 6%;gap:15px;font-size:10px;flex-wrap:wrap}.ride-demo-header>span{font-size:9px;order:3;width:100%}.ride-demo-header .icon-button{width:32px;height:32px}.ride-demo-brand{padding-block:28px}.ride-demo-hero{grid-template-columns:1fr;padding:35px 25px;gap:35px;border-radius:25px}.ride-demo-hero h1{font-size:43px;letter-spacing:-2.2px}.ride-demo-hero .eyebrow{font-size:9px;letter-spacing:.5px}.ride-demo-deck{font-size:13px}.ride-demo-hero figure{max-width:230px}.ride-demo-hero figcaption{font-size:9px}.ride-demo-section-title h2{font-size:30px}.ride-demo-section-title>p:last-child{font-size:12px}.ride-demo-feature-grid{grid-template-columns:1fr;gap:25px}.ride-demo-features{padding-block:45px}.ride-demo-feature-grid article>p{max-width:400px}.ride-demo-footer{font-size:10px;flex-wrap:wrap}}
@media(max-width:359px){.ride-demo-hero{padding:30px 20px}.ride-demo-hero h1{font-size:37px;letter-spacing:-2px}}