/* Scoped public landing page. The member dashboard and global navigation retain their styles. */
.rp-garage-public{--rp-garage-yellow:var(--rp-yellow,#ffe000);background:#080808;color:#fff;font-family:var(--rp-font,Arial,sans-serif);line-height:1.5;padding-bottom:0}
.rp-garage-public *, .rp-garage-public *:before,.rp-garage-public *:after{box-sizing:border-box}
.rp-garage-public .rp-wrap{max-width:1320px}
.rp-garage-public h1,.rp-garage-public h2,.rp-garage-public h3{font-family:inherit;font-weight:800;letter-spacing:-.025em;color:#fff}
.rp-garage-public h2{font-size:clamp(25px,2.6vw,36px);line-height:1.15;margin:0 0 20px;border-left:7px solid var(--rp-garage-yellow);padding-left:13px}
.rp-garage-public h2 span,.rp-garage-public h1 span{color:var(--rp-garage-yellow)}
.rp-garage-public p{color:#d1d1d1;font-size:16px;line-height:1.5;margin:0}
.rp-garage-public .rp-kicker{font-size:14px;line-height:1.5;color:var(--rp-garage-yellow);font-weight:800;letter-spacing:.035em}
.rp-garage-public .rp-btn.rp-garage-public-register{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--rp-garage-yellow);border:1px solid var(--rp-garage-yellow);color:#080808;min-height:52px;padding:14px 24px;font:800 16px/1.3 var(--rp-font,Arial,sans-serif);text-decoration:none;border-radius:4px;white-space:normal;text-align:center}
.rp-garage-public .rp-btn.rp-garage-public-register:hover{background:#fff;border-color:#fff;color:#080808}
.rp-garage-public a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.rp-garage-public-hero{position:relative;isolation:isolate;min-height:570px;background:#080808;overflow:hidden}
.rp-garage-public-hero>.rp-garage-public-image,.rp-garage-public-final>.rp-garage-public-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}
.rp-garage-public-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,8,.94) 0%,rgba(8,8,8,.8) 31%,rgba(8,8,8,.18) 69%,rgba(8,8,8,.1)),linear-gradient(0deg,#080808 0%,transparent 27%)}
.rp-garage-public-hero-inner{min-height:570px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:44px;padding-bottom:44px}
.rp-garage-public-hero-copy{width:min(730px,64%);position:relative;z-index:1}
.rp-garage-public .rp-garage-public-hero-copy h1{font-size:clamp(40px,4.2vw,62px);line-height:1.02;margin:14px 0 20px}
.rp-garage-public-hero-copy>p{font-size:18px;max-width:550px;margin-bottom:22px;color:#fff}
.rp-garage-public .rp-garage-public-login{font-size:14px;line-height:1.5;margin:14px 0 0}
.rp-garage-public-login a{color:var(--rp-garage-yellow);text-underline-offset:4px}

.rp-garage-public-benefits{border-top:1px solid #333;border-bottom:1px solid #333;background:linear-gradient(120deg,#080808,#17191b)}
.rp-garage-public-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:28px;padding-bottom:28px}
.rp-garage-public-benefits-grid>div{display:flex;align-items:center;gap:16px;padding:0 22px;border-right:1px solid #363636;min-width:0}
.rp-garage-public-benefits-grid>div:first-child{padding-left:0}
.rp-garage-public-benefits-grid>div:last-child{border:0}
.rp-garage-public-benefits-grid svg{flex:0 0 38px;color:var(--rp-garage-yellow)}
.rp-garage-public-benefits-grid span{font-size:14px;line-height:1.4;font-weight:800}
.rp-garage-public-sections{padding-top:0;padding-bottom:0}
.rp-garage-public-intro{position:relative;isolation:isolate;overflow:hidden;padding:36px 0;border-bottom:1px solid #343434}
.rp-garage-public-intro:after{content:"";position:absolute;right:3%;top:-60px;width:100px;height:360px;transform:rotate(28deg);opacity:.065;background:repeating-linear-gradient(45deg,transparent 0 12px,#fff 12px 22px,transparent 22px 30px);border:9px dashed #fff;z-index:-1}
.rp-garage-public-intro>p{max-width:950px}
.rp-garage-public-features{padding:34px 0 0}
.rp-garage-public-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rp-garage-public-feature{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #34383a;border-radius:7px;background:#17191b}
.rp-garage-public-feature>.rp-garage-public-image{display:block;width:100%;height:205px;object-fit:cover}
.rp-garage-public-feature-copy{position:relative;margin-top:-55px;min-height:205px;display:flex;flex-direction:column;align-items:flex-start;padding:35px 18px 20px;background:linear-gradient(0deg,#080808 65%,rgba(8,8,8,.95) 82%,transparent)}
.rp-garage-public-feature-copy>svg{color:var(--rp-garage-yellow);margin-bottom:8px;flex:0 0 36px}
.rp-garage-public .rp-garage-public-feature h3{font-size:20px;line-height:1.2;margin:0 0 8px}
.rp-garage-public-feature p{font-size:14px;line-height:1.5}
.rp-garage-public .rp-garage-public-note{font-size:14px;line-height:1.5;color:#d1d1d1;margin:16px 0 0}
.rp-garage-public-how{padding:38px 0}
.rp-garage-public-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:0;margin:28px 0 0;position:relative;isolation:isolate}
.rp-garage-public-steps:before{content:"";position:absolute;left:12%;right:12%;top:22px;height:2px;background:#777;z-index:-1}
.rp-garage-public-steps li{text-align:center;min-width:0}
.rp-garage-public-steps li>span{display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;width:46px;height:46px;background:var(--rp-garage-yellow);color:#080808;font-size:24px;font-weight:900}
.rp-garage-public .rp-garage-public-steps h3{font-size:16px;line-height:1.3;margin:0 0 8px}
.rp-garage-public-steps p{font-size:14px;line-height:1.5}
.rp-garage-public-final{position:relative;isolation:isolate;background:#080808;overflow:hidden}
.rp-garage-public-final:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,8,.92),rgba(8,8,8,.36) 55%,rgba(8,8,8,.9))}
.rp-garage-public-final-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:42px;padding-bottom:42px;min-height:330px}
.rp-garage-public .rp-garage-public-final h2{border:0;padding:0;font-size:clamp(28px,3.2vw,46px);margin-bottom:14px}
.rp-garage-public-final p{font-size:18px;color:#fff;margin-bottom:20px}
.rp-garage-public-final ul{list-style:none;padding:0;margin:0;display:grid;gap:18px;max-width:360px}
.rp-garage-public-final li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;font-weight:700}
.rp-garage-public-final li>span{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--rp-garage-yellow);border-radius:50%;font-size:20px;color:var(--rp-garage-yellow);flex:0 0 30px}
@media(max-width:1050px){.rp-garage-public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-garage-public-benefits-grid>div{gap:10px;padding:0 14px}.rp-garage-public-benefits-grid span{font-size:14px}.rp-garage-public-hero-copy{width:68%}}
@media(max-width:700px){
 .rp-garage-public-hero{padding-top:240px;min-height:0}
 .rp-garage-public-hero>.rp-garage-public-image{height:280px;object-position:74% center}
 .rp-garage-public-hero:after{background:linear-gradient(0deg,#080808 0%,#080808 calc(100% - 240px),transparent calc(100% - 285px))}
 .rp-garage-public-hero-inner{min-height:0;padding-top:6px;padding-bottom:28px;display:block}
 .rp-garage-public-hero-copy{width:100%}
 .rp-garage-public .rp-garage-public-hero-copy h1{font-size:clamp(32px,8.7vw,52px);line-height:1.05;margin:12px 0 16px}
 .rp-garage-public-hero-copy>p{font-size:16px}
 
 .rp-garage-public .rp-btn.rp-garage-public-register{width:100%}
 .rp-garage-public-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0;padding-top:24px;padding-bottom:24px}
 .rp-garage-public-benefits-grid>div{padding:0 10px;gap:10px;align-items:flex-start}
 .rp-garage-public-benefits-grid>div:nth-child(odd){padding-left:0}
 .rp-garage-public-benefits-grid>div:nth-child(even){border:0}
 .rp-garage-public-benefits-grid svg{flex-basis:30px;width:30px;height:30px}
 .rp-garage-public-benefits-grid span{font-size:14px;line-height:1.4}
 .rp-garage-public-feature-grid{grid-template-columns:minmax(0,1fr)}
 .rp-garage-public-intro,.rp-garage-public-how{padding-top:28px;padding-bottom:28px}
 .rp-garage-public-feature>.rp-garage-public-image{height:220px}
 .rp-garage-public-feature-copy{min-height:0}
 .rp-garage-public-steps{grid-template-columns:minmax(0,1fr);gap:24px}
 .rp-garage-public-steps:before{left:22px;top:22px;bottom:60px;height:auto;width:2px;right:auto}
 .rp-garage-public-steps li{position:relative;text-align:left;padding-left:64px;min-height:65px}
 .rp-garage-public-steps li>span{position:absolute;left:0;top:0;margin:0}
 .rp-garage-public-final-inner{display:block;padding-top:32px;padding-bottom:32px}
 .rp-garage-public-final ul{margin-top:28px;gap:14px;max-width:none}
 .rp-garage-public-final:after{background:rgba(8,8,8,.82)}
}

@media(min-width:1051px){.rp-garage-public-hero-copy h1>span{white-space:nowrap}}
@media(min-width:701px) and (max-width:1050px){.rp-garage-public-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.rp-garage-public-benefits-grid>div:nth-child(odd){padding-left:0}.rp-garage-public-benefits-grid>div:nth-child(even){border:0}}
.rp-garage-public-benefits-grid span{min-width:0;overflow-wrap:anywhere}

/* Final registration: centered rider and all copy on the right. */
.rp-garage-public-final>.rp-garage-public-image{object-position:50% center}
.rp-garage-public-final:after{background:linear-gradient(90deg,rgba(8,8,8,.08) 15%,rgba(8,8,8,.1) 48%,rgba(8,8,8,.87) 68%,rgba(8,8,8,.96))}
.rp-garage-public-final-inner{display:flex;justify-content:flex-end;min-height:540px;padding-top:36px;padding-bottom:36px}
.rp-garage-public-final-copy{width:40%;max-width:490px;min-width:0}
.rp-garage-public .rp-garage-public-final h2{font-size:clamp(26px,2.7vw,38px)}
.rp-garage-public-final-copy ul{margin-top:24px;gap:12px;max-width:none}
@media(min-width:701px) and (max-width:1050px){.rp-garage-public-final-copy{width:43%}.rp-garage-public-final-inner{min-height:540px}.rp-garage-public-final p{font-size:16px}.rp-garage-public-final li{font-size:14px}}
@media(max-width:700px){.rp-garage-public-final{padding-top:260px}.rp-garage-public-final>.rp-garage-public-image{height:300px;object-position:center top}.rp-garage-public-final:after{background:linear-gradient(0deg,#080808 0%,#080808 calc(100% - 260px),transparent calc(100% - 300px))}.rp-garage-public-final-inner{display:block;min-height:0;padding-top:8px;padding-bottom:32px}.rp-garage-public-final-copy{width:100%;max-width:none}}
/* 4.10.240: photographic public banners use a 360px desktop baseline. */
@media(min-width:701px){
 .rp-garage-public-hero,.rp-garage-public-hero-inner,.rp-garage-public-final-inner{min-height:360px}
 .rp-garage-public-hero-inner,.rp-garage-public-final-inner{padding-top:24px;padding-bottom:24px}
 .rp-garage-public .rp-garage-public-hero-copy h1{font-size:clamp(32px,3.2vw,46px);line-height:1.02;margin:8px 0 12px}
 .rp-garage-public-hero-copy>p{font-size:16px;line-height:1.5;max-width:600px;margin-bottom:14px}
 .rp-garage-public .rp-garage-public-login{font-size:14px;line-height:1.5;margin-top:10px;margin-bottom:0}
 .rp-garage-public .rp-btn.rp-garage-public-register{min-height:48px;padding:12px 20px}
 .rp-garage-public .rp-garage-public-final h2{font-size:clamp(26px,2.2vw,32px);margin-bottom:10px}
 .rp-garage-public-final p{font-size:16px;line-height:1.5;margin-bottom:14px}
 .rp-garage-public-final-copy ul{margin-top:16px;gap:8px}
 .rp-garage-public-final li>span{width:26px;height:26px;flex-basis:26px;font-size:18px}
}
@media(max-width:700px){.rp-garage-public-final>.rp-garage-public-image{object-position:35% center}}

/* 4.10.240: preserve readable mobile copy while constraining desktop heights. */
@media(min-width:701px){.rp-garage-public .rp-garage-public-final-inner{min-height:360px}.rp-garage-public .rp-garage-public-hero-inner{min-height:360px}}

/* 4.10.241: authentic RiderPress tread motif and 300px desktop photographic banners. */
.rp-garage-public-intro:after{content:"";position:absolute;right:1%;top:50%;width:clamp(160px,25vw,330px);height:190px;transform:translateY(-50%) rotate(-8deg);border:0;background:url('../img/mi-garage/huella-rider.png') center/contain no-repeat;opacity:.16;pointer-events:none;z-index:-1}
@media(min-width:1051px){
 .rp-garage-public .rp-garage-public-hero,.rp-garage-public .rp-garage-public-hero-inner,.rp-garage-public .rp-garage-public-final,.rp-garage-public .rp-garage-public-final-inner{height:300px;min-height:300px}
 .rp-garage-public .rp-garage-public-hero-inner,.rp-garage-public .rp-garage-public-final-inner{padding-top:12px;padding-bottom:12px}
 .rp-garage-public .rp-garage-public-hero-copy h1{font-size:clamp(28px,2.7vw,39px);line-height:1.04;margin:5px 0 8px}
 .rp-garage-public .rp-garage-public-hero-copy .rp-kicker{font-size:12px}
 .rp-garage-public .rp-garage-public-hero-copy>p{font-size:14px;line-height:1.4;margin-bottom:9px}
 .rp-garage-public .rp-btn.rp-garage-public-register{min-height:40px;padding:8px 15px;font-size:14px}
 .rp-garage-public .rp-garage-public-login{margin-top:6px;font-size:12px}
 .rp-garage-public .rp-garage-public-final h2{font-size:clamp(24px,2vw,29px);margin-bottom:5px}
 .rp-garage-public .rp-garage-public-final p{font-size:14px;margin-bottom:7px}
 .rp-garage-public .rp-garage-public-final-copy ul{margin-top:8px;gap:4px}
 .rp-garage-public .rp-garage-public-final li{font-size:12px;line-height:1.3}
}
@media(min-width:701px) and (max-width:1050px){.rp-garage-public .rp-garage-public-hero,.rp-garage-public .rp-garage-public-hero-inner,.rp-garage-public .rp-garage-public-final-inner{min-height:360px}}
@media(max-width:700px){.rp-garage-public-intro:after{width:150px;right:-26px;height:150px;opacity:.10}}