.ride-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #fff9ee;
    color: #062535;
}
.ride-hero-image {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 65% center;
}
.ride-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, #fff9eefc 0%, #fff9eef5 25%, #fff9eed9 40%, #fff9ee33 60%, transparent 75%);
}
.ride-hero-inner { padding-top: 64px; padding-bottom: 64px; }
.ride-hero-copy, .ride-start { width: 48%; max-width: 570px; }
.ride-kicker {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    color: #007454;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .13em;
}
.ride-hero h1 {
    margin: 0;
    font-size: clamp(3.4rem, 5.1vw, 5.25rem);
    line-height: 1.02;
    letter-spacing: -.055em;
    font-weight: 900;
}
.ride-hero h1 span { color: #008663; }
.ride-lead { max-width: 510px; margin: 24px 0; font-size: 1.05rem; line-height: 1.7; }
.ride-benefits { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-bottom: 26px; font-size: .83rem; font-weight: 700; }
.ride-benefits i { margin-right: 4px; color: #007454; }
.ride-start { padding: 24px; border: 1px solid #ffffff; border-radius: 22px; background: #fffffff5; box-shadow: 0 16px 48px #06253512; }
.ride-start h2 { margin: 0 0 8px; font-size: 1.4rem; font-weight: 750; letter-spacing: -.025em; }
.ride-start p { margin: 0 0 18px; font-size: .9rem; line-height: 1.6; color: #475e6a; }
.ride-start-actions { display: flex; gap: 10px; }
.ride-start .btn { display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 52px; padding: 12px 16px; border-radius: 12px; font-size: .85rem; font-weight: 700; }
.ride-primary { flex: 1.2; background: #00835e; border: 1px solid #00835e; color: #fff; }
.ride-primary:hover { background: #00694c; border-color: #00694c; color: #fff; }
.ride-secondary { flex: 1; background: #fff; color: #143647; border: 1px solid #cbd8dc; }
.ride-secondary:hover { background: #eef7f2; color: #062535; border-color: #8daf9f; }
.ride-start .btn:focus-visible { outline: 3px solid #062535; outline-offset: 4px; box-shadow: none; }
.ride-start .ride-account-note { margin: 14px 0 0; font-size: .76rem; }
.ride-steps { padding: 44px 0; background: #fff; color: #062535; border-top: 1px solid #e7ede9; }
.ride-steps .bi { display: inline-block; font-size: 1.7rem; color: #00835e; }
.ride-steps h2 { margin: 14px 0 8px; font-size: 1.1rem; font-weight: 700; }
.ride-steps p { max-width: 360px; margin: 0; color: #475e6a; font-size: .9rem; line-height: 1.7; }
@media (min-width: 1600px) {
    .ride-hero-inner { padding-top: 76px; padding-bottom: 76px; }
}
@media (max-width: 991.98px) {
    .ride-hero-image { object-position: 60% center; }
    .ride-hero::before { background: linear-gradient(90deg, #fff9eefc, #fff9eee8 43%, #fff9ee22 85%); }
    .ride-hero-copy, .ride-start { width: 62%; }
    .ride-start-actions { flex-direction: column; }
}
@media (max-width: 575.98px) {
    .ride-hero { display: flex; flex-direction: column; }
    .ride-hero-image { position: static; order: 2; height: 260px; object-position: right center; }
    .ride-hero::before { display: none; }
    .ride-hero-inner { padding: 36px 20px 24px; }
    .ride-hero-copy, .ride-start { width: 100%; max-width: none; }
    .ride-hero h1 { font-size: clamp(3rem, 13vw, 4.3rem); }
    .ride-kicker { margin-bottom: 18px; font-size: .7rem; }
    .ride-lead { margin: 20px 0; font-size: 1rem; }
    .ride-benefits { gap: 12px 16px; font-size: .78rem; margin-bottom: 22px; }
    .ride-start { padding: 20px; border-radius: 18px; }
    .ride-steps { padding: 30px 8px; }
}