.ride-home-v2 .ride-showcase { position: relative; display: grid; grid-template-areas: "heading" "image" "action"; padding: 24px 20px 22px; overflow: hidden; background: linear-gradient(145deg, #f8faff, #dce7f6); }
.ride-showcase-heading { grid-area: heading; z-index: 1; }
.ride-showcase-heading .ride-kicker { color: #536d8e; font-size: 9px; margin-bottom: 12px; }
.ride-showcase-heading .ride-kicker span { width: 4px; height: 4px; background: #607ca0; border-radius: 50%; }
.ride-showcase-heading h1 { color: #233a5f; font-size: clamp(33px, 8.5vw, 61px); text-wrap: balance; }
.ride-showcase-heading > p:not(.ride-kicker) { color: #4d6280; font-size: 13px; line-height: 1.55; margin: 10px 0 0; }
.ride-showcase-image { grid-area: image; position: relative; isolation: isolate; min-width: 0; }
.ride-showcase-image > span { position: absolute; inset: 0; display: grid; place-items: center; color: #bccde5; font-size: clamp(145px, 46vw, 360px); line-height: 1; font-weight: 850; letter-spacing: -.14em; transform: translateX(-.06em); }
.ride-showcase-image img { position: relative; display: block; width: 100%; height: clamp(245px, 68vw, 325px); object-fit: contain; }
.ride-showcase-action { grid-area: action; z-index: 1; display: grid; gap: 10px; }
.ride-showcase-price { display: flex; align-items: baseline; gap: 12px; margin: 0; color: #233a5f; }
.ride-showcase-price strong { font-size: 30px; letter-spacing: -.06em; }
.ride-showcase-price del { color: #5e718a; font-size: 13px; }
.ride-home-v2 .ride-button { background: #233a5f; color: #fff; }
.ride-home-v2 .ride-button:hover { background: #304d78; color: #fff; }
.ride-home-v2 .ride-numbers { border-top: 1px solid #dae3ef; background: #f7f9fd; }
.ride-discover { padding: 37px 20px 27px; }
.ride-discover header { margin: 0 0 20px; }
.ride-discover h2 { font-size: clamp(27px, 7vw, 38px); color: #233a5f; }
.ride-discover-grid { display: grid; gap: 12px; }
.ride-discover-grid > a { display: grid; grid-template-columns: minmax(86px, 35%) 1fr; min-height: 115px; overflow: hidden; border: 1px solid #dfe5ee; border-radius: 13px; background: #f5f7fb; color: #233a5f; text-decoration: none; }
.ride-discover-grid > a:hover { border-color: #a2b5d1; }
.ride-discover-grid img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ride-discover-grid a > div { position: relative; align-content: center; padding: 12px 25px 12px 12px; }
.ride-discover-grid h3 { font: 700 14px/1.22 Inter, Arial, sans-serif; margin: 0 0 5px; color: inherit; }
.ride-discover-grid p { color: #536783; font-size: 11px; line-height: 1.45; margin: 0; }
.ride-discover-grid span { position: absolute; top: 9px; right: 9px; }
.ride-home-v2 .ride-help { background: #eef3f9; }
@media (min-width: 750px) {
  .ride-home-v2 .ride-showcase { grid-template-columns: 1fr 1.15fr; grid-template-areas: "heading image" "action image"; align-items: end; gap: 16px 35px; padding: 45px max(30px, calc((100vw - 1120px) / 2)); }
  .ride-showcase-action { align-self: start; }
  .ride-showcase-image img { height: clamp(350px, 42vw, 560px); }
  .ride-showcase-heading > p:not(.ride-kicker) { font-size: 16px; }
  .ride-discover { max-width: 1160px; margin: auto; padding-block: 50px; }
  .ride-discover-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .ride-discover-grid > a { grid-template-columns: 1fr; }
  .ride-discover-grid img { aspect-ratio: 16/9; }
  .ride-discover-grid a > div { padding: 17px; }
}