:root{--background:#f6f8ee;--surface:#fff;--surface-muted:#f3f8e8;--ink:#26331f;--muted:#61705c;--green:#79b829;--green-dark:#3f7f16;--green-deep:#254f13;--yellow:#f4ca45;--aqua:#2f9f98;--line:#dce8ca;--line-strong:#bbd59b;--warning:#fff5cc;--shadow:0 20px 58px #31492621}*{box-sizing:border-box}html{color:var(--ink);background:0 0}body{color:var(--ink);background:0 0;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.booking-shell{background:linear-gradient(135deg,#f6f8eef5,#ffffffeb 58%,#edf6f2eb),radial-gradient(circle at 100% 0,#f4ca4547,#0000 24rem);min-height:100vh;padding:clamp(12px,2.4vw,28px)}.booking-frame{width:min(1100px,100%);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #79b82938;border-radius:8px;margin:0 auto;padding:clamp(16px,2.6vw,30px)}.masthead{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark,.success-icon{width:60px;height:60px;color:var(--green-dark);background:var(--yellow);border-radius:50%;flex:none;place-items:center;display:grid}.eyebrow,.step-kicker{color:var(--green-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2rem,5vw,3.8rem);line-height:.98}h2{letter-spacing:0;margin-bottom:10px;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.08}h3{letter-spacing:0;margin-bottom:0;font-size:1.35rem;line-height:1.1}.intro,.step-heading p,.summary p,.verification-card p{color:var(--muted);font-size:1rem;line-height:1.6}.intro{max-width:760px;margin-bottom:0}.trust-row{flex-wrap:wrap;gap:8px;display:flex}.trust-badge{border:1px solid var(--line);min-height:34px;color:var(--green-deep);background:var(--surface-muted);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.9rem;font-weight:800;display:inline-flex}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:24px 0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);min-width:0;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px;display:flex}.steps span{color:#fff;background:#9bab93;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:900;display:grid}.steps small{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.steps .active{border-color:var(--line-strong);color:var(--ink);background:var(--surface-muted)}.steps .active span,.steps .complete span{background:var(--green-dark)}.content-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:18px;display:grid}.panel,.summary{border:1px solid var(--line);background:var(--surface);border-radius:8px}.panel{flex-direction:column;min-height:536px;padding:clamp(18px,2.6vw,30px);display:flex}.step-copy{flex:1}.step-heading{max-width:720px;margin-bottom:18px}.choice-stack,.duration-cards{border:0;gap:12px;margin:0;padding:0;display:grid}legend{color:var(--muted);margin-bottom:9px;font-weight:900}.radio-card,.duration-cards label{border:2px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:22px 1fr;gap:14px;padding:17px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.featured-bike{border-color:var(--line-strong);background:linear-gradient(135deg,#f4ca452e,#fbfef6f0),#fff;grid-template-columns:24px 1fr;padding:20px}.featured-bike .card-title-row strong{font-size:clamp(1.28rem,3vw,1.72rem)}.featured-bike .best-for{color:#fff;background:var(--green-dark);border-radius:999px;width:fit-content;margin:9px 0;padding:5px 9px;font-size:.86rem;display:inline-flex}.featured-bike .bike-detail{font-size:.98rem}.radio-card:hover,.duration-cards label:hover{border-color:var(--line-strong);transform:translateY(-1px)}.radio-card:has(input:checked){border-color:var(--green);background:#fbfef6;box-shadow:0 10px 30px #4383161f}.duration-cards label:has(input:checked){border-color:var(--green);background:#fbfef6;box-shadow:0 10px 30px #4383161f}.radio-card input,.duration-cards input{width:20px;height:20px;accent-color:var(--green-dark)}.radio-card-content,.duration-cards span,.radio-card small,.radio-card em,.best-for,.bike-detail{display:block}.card-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-title-row strong,.duration-cards strong{font-size:1.1rem}.card-title-row em{color:var(--green-deep);flex:none;font-size:.86rem;font-style:normal;font-weight:900}.best-for{color:var(--aqua);margin:7px 0;font-weight:900}.radio-card small,.duration-cards small,.range-row small{color:var(--muted);line-height:1.5}.bike-detail{color:var(--green-deep);margin-top:8px;font-size:.92rem;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}label{color:var(--ink);font-weight:900}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time]{width:100%;min-height:50px;color:var(--ink);background:#fff;border:1px solid #c7dab2;border-radius:6px;margin-top:8px;padding:12px}input:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid #2f9f9857}.radio-card:has(input:focus-visible){outline-offset:2px;outline:3px solid #2f9f9857}.duration-cards label:has(input:focus-visible){outline-offset:2px;outline:3px solid #2f9f9857}.duration-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.range-row{gap:12px;display:grid}.range-row input{width:100%;accent-color:var(--green-dark)}.notice,.mock-payment,.summary-note,.verification-card,.next-steps div{border-radius:8px;align-items:flex-start;gap:12px;padding:14px;line-height:1.45;display:flex}.notice{color:var(--green-deep);background:#eef7dd;margin:18px 0}.strong-notice{border:1px solid var(--line-strong);margin-top:0}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.info-grid .notice{margin:0}.mock-payment{color:#5d4800;background:var(--warning);flex-wrap:wrap}.mock-payment strong{width:100%;margin-left:32px}.payment-shell{margin-top:18px}.payment-warning,.payment-success{border-radius:8px;align-items:flex-start;gap:12px;padding:14px;line-height:1.45;display:flex}.payment-warning{color:#5d4800;background:var(--warning)}.payment-warning.error{color:#8a1f11;background:#fff0ec}.payment-success{color:var(--green-deep);background:#eef7dd}.stripe-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;padding:18px;display:grid;box-shadow:0 10px 26px #31492614}.stripe-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.stripe-card p{color:var(--muted);margin-bottom:0;line-height:1.55}.stripe-booking-line{color:var(--green-deep);background:var(--surface-muted);border-radius:8px;gap:6px;padding:12px;font-weight:800;display:grid}.payment-divider{color:var(--muted);text-transform:uppercase;align-items:center;gap:12px;font-size:.86rem;font-weight:900;display:flex}.payment-divider:before,.payment-divider:after{content:"";background:var(--line);flex:1;height:1px}.payment-error{background:#fff0ec;border-radius:6px;padding:12px;color:#8a1f11!important}.stripe-muted{color:var(--muted);font-size:.9rem}.pay-button{width:100%}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.verification-card{color:var(--green-deep);background:#eef7dd;margin-bottom:18px}.verification-card p{margin:4px 0 0}.next-steps{gap:10px;margin-top:20px;display:grid}.next-steps div{color:var(--green-deep);background:#eef7dd}.success{align-content:center;justify-items:start;display:grid}.success-icon{margin-bottom:18px}.action-bar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;gap:14px;margin:26px -8px -8px;padding:12px 8px 8px;display:flex;position:sticky;bottom:0}.action-price{gap:2px;min-width:180px;display:grid}.action-price span,.action-price small{color:var(--muted);font-size:.86rem}.action-price strong{color:var(--green-deep);font-size:1.35rem}.actions{justify-content:flex-end;gap:10px;display:flex}.button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 18px;font-weight:900;display:inline-flex}.button.primary{color:#fff;background:var(--green-dark);box-shadow:0 10px 24px #3f7f163d}.button.primary:disabled{box-shadow:none;background:#aab7a5}.button.secondary{color:var(--green-dark);background:#eef7dd}.button.secondary:disabled{color:#9bab93;background:#f3f5ee}.summary{background:linear-gradient(180deg, #eef5dcb8, #fffffff5), var(--surface);align-self:start;padding:22px;position:sticky;top:18px}.summary h2{margin-bottom:6px;font-size:1.3rem}.summary dl{gap:12px;margin:20px 0;display:grid}.summary dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:11px;display:flex}.summary dt{color:var(--muted);font-size:.9rem}.summary dd{text-align:right;margin:0;font-weight:900}.summary-total dd{color:var(--green-deep);font-size:1.12rem}.summary-note{color:var(--muted);background:#f5f8ec}@media (max-width:860px){.booking-shell{min-height:auto;padding:0}.booking-frame{box-shadow:none;border:0;border-radius:0}.content-grid{grid-template-columns:1fr}.panel{min-height:0}.summary{order:-1;display:none;position:static}.summary.show-on-mobile{display:block}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.booking-frame{padding:16px}.brand-lockup{align-items:flex-start}.brand-mark{width:50px;height:50px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.form-grid,.duration-cards,.info-grid{grid-template-columns:1fr}.card-title-row{gap:4px;display:grid}.action-bar{display:grid}.action-price{min-width:0}.actions{grid-template-columns:1fr 1.4fr;display:grid}.actions .button:only-child{grid-column:1/-1}.button{width:100%;padding-inline:14px}}
