/* Homepage composition on shared Rider Workspace foundations. No live account data. */
:root{font:16px Arial,Helvetica,sans-serif;background:#18162F;color:#F4F7F9}body{margin:0}*{box-sizing:border-box}[hidden]{display:none!important}
.tgl-home-workspace main{padding:0;max-width:none}.wrap{width:100%;max-width:1240px;margin:0 auto;padding-inline:20px}
.tgl-home-workspace .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:48px}
.tgl-home-workspace .hero h1{font-size:clamp(42px,4.6vw,66px);line-height:1.02;letter-spacing:-.05em;max-width:10ch;margin:16px 0 24px}
.hero-intro{font-size:22px;line-height:1.4;color:#F4F7F9!important;max-width:29ch;margin:0 0 16px}.hero-detail{max-width:43ch;margin:0 0 24px}
.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.home-actions .primary{padding:13px 20px;border-radius:8px;text-decoration:none;font-weight:700}
.home-small{font-size:14px;margin:20px 0 0}.hero-media{min-width:0;position:relative}.hero-media img{display:block;width:100%;height:480px;object-fit:cover;object-position:66% center;border-radius:12px}.hero-media:after{content:'';position:absolute;left:24px;bottom:-2px;width:64px;height:5px;background:#E6007E}
.home-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:24px;border-block:1px solid var(--tgl-workspace-line);gap:24px}
.home-journey a{display:grid;grid-template-columns:24px 1fr;column-gap:12px;text-decoration:none;min-width:0;padding:8px 0}.home-journey strong{font-size:20px;line-height:1.25}.home-journey span:last-child{grid-column:2;font-size:14px;color:var(--tgl-workspace-muted);margin-top:8px}.journey-number{font-size:12px;color:var(--tgl-workspace-muted);padding-top:4px}.home-journey a:hover strong{text-decoration:underline;text-underline-offset:5px}
.home-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center;padding-block:64px}.feature-copy>p{max-width:56ch}.tgl-home-workspace h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}.feature-photo img{display:block;width:100%;height:500px;object-fit:cover;object-position:center 62%;border-radius:12px}
.event-path{list-style:none;margin:24px 0 0;padding:0;counter-reset:path}.event-path li{position:relative;counter-increment:path;padding:13px 0 13px 44px;border-top:1px solid var(--tgl-workspace-line)}.event-path li:before{content:counter(path,decimal-leading-zero);position:absolute;left:0;top:17px;font-size:13px;color:var(--tgl-workspace-muted)}.event-path a{font-weight:700;display:inline-flex;align-items:center;min-height:32px;color:#F4F7F9;text-decoration:none}.event-path a:hover{text-decoration:underline}.event-path span{display:block;font-size:14px;line-height:1.5}
.home-progress{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-block:1px solid var(--tgl-workspace-line);padding-block:40px}.home-progress>div>p{max-width:48ch}.progress-explanation{border-left:3px solid #E6007E;padding-left:28px}.progress-explanation h3{font-size:22px}.progress-explanation ul{padding:0;margin:0 0 16px;list-style:none}.progress-explanation li{margin:16px 0}.progress-explanation strong,.progress-explanation span{display:block}.progress-explanation strong{color:#F4F7F9}.progress-explanation span{font-size:15px;margin-top:4px}.progress-explanation>a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.bikes-feature{grid-template-columns:1fr 1fr}.bikes-feature .feature-photo img{height:auto;object-fit:contain}
.home-tools{padding-block:32px 40px;border-block:1px solid var(--tgl-workspace-line)}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.home-tool-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:20px}.home-tool-links>a{display:block;text-decoration:none;padding:16px 0;border-top:1px solid var(--tgl-workspace-edge)}.home-tool-links strong{display:block;font-size:18px}.home-tool-links span{display:block;font-size:14px;color:var(--tgl-workspace-muted);margin-top:8px}.home-tool-links a:hover strong{text-decoration:underline}
.story{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center;padding-block:48px 64px}.story img{width:200px;height:270px;object-fit:cover;object-position:center 35%;border-radius:10px}.story p{max-width:74ch}
@media(max-width:1000px){.tgl-home-workspace .hero{gap:24px}.hero-media img{height:430px}.home-feature,.home-progress{gap:40px}.home-journey{gap:16px}.home-journey a{column-gap:6px}.home-journey strong{font-size:18px}.home-tool-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{padding-inline:16px}.tgl-home-workspace .hero{grid-template-columns:1fr;padding-block:28px 32px;gap:28px}.tgl-home-workspace .hero h1{max-width:12ch;font-size:48px;margin:12px 0 20px}.hero-intro{font-size:21px;max-width:35ch}.hero-detail{max-width:55ch}.hero-media img{height:300px;object-position:center 55%}.home-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding-block:16px}.home-journey a{padding:12px 0}.home-feature{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:28px;padding-block:40px}.feature-photo img{height:420px}.home-progress{gap:28px;padding-block:32px}.progress-explanation{padding-left:20px}.bikes-feature{grid-template-columns:1fr 1fr}.story{grid-template-columns:160px 1fr;gap:24px;padding-block:40px}.story img{width:160px;height:250px}.home-section-heading{align-items:start;flex-direction:column;gap:0}}
@media(max-width:540px){.tgl-home-workspace .hero h1{font-size:44px}.hero-media img{height:240px}.home-actions{align-items:flex-start;flex-direction:column;gap:12px}.home-journey{gap:8px 16px}.home-journey strong{font-size:18px}.home-journey span:last-child{font-size:13px}.home-feature,.home-progress,.bikes-feature{grid-template-columns:1fr;gap:24px}.home-feature:not(.bikes-feature) .feature-photo{display:none}.progress-explanation{padding-left:20px}.event-path a{min-height:44px}.event-path li{padding-top:8px;padding-bottom:12px}.event-path li:before{top:19px}.bikes-feature .feature-photo{grid-row:2}.home-tool-links{gap:12px 20px}.home-tool-links strong{font-size:17px}.story{grid-template-columns:100px 1fr;gap:16px;align-items:start}.story img{width:100px;height:150px}.story h2{font-size:27px}.story div{display:contents}.story .eyebrow{grid-column:2;grid-row:1;align-self:start;margin:4px 0}.story h2{grid-column:2;grid-row:1;padding-top:34px;margin-bottom:0}.story p:not(.eyebrow),.story a{grid-column:1/-1;margin:0}.story img{grid-column:1;grid-row:1}.story{row-gap:16px}}
@media(max-width:359px){.tgl-home-workspace .hero h1{font-size:40px}.home-journey a{grid-template-columns:20px 1fr}.home-journey strong{font-size:16px}.home-journey{gap:4px 12px}}

/* UI-FINAL: bounded mobile refinements; accepted desktop composition is unchanged. */
@media(max-width:760px){
 .home-journey a{font-size:18px;grid-template-rows:minmax(2.5em,auto) auto;align-content:start;grid-row:auto;row-gap:0}
 .home-tool-links>a>span{text-wrap:balance}
}
@media(max-width:540px){
 .tgl-home-workspace .story h2{padding-top:0;margin-top:34px;align-self:start}
 .progress-explanation li{margin:12px 0}
}

/* UI-FINAL-02: initial inline journey icons use the existing reserved slots. */
.home-journey .journey-number>.tgl-heading-icon{display:block;margin:0;vertical-align:middle;flex:none}

/* UX Polish A: the one primary hero action stays pink at every width. */
.tgl-home-workspace .hero .home-actions a.tgl-action--prominent{background:#E6007E!important;color:#fff!important}
.tgl-home-workspace .hero .home-actions a.tgl-action--prominent:hover{background:#c9006e!important}

/* UX Polish 02: clear secondary action, preserving the existing hero layout. */
.tgl-home-workspace .hero .home-actions .tgl-action--secondary{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:13px 20px;border:1px solid currentColor;border-radius:8px;background:transparent!important;color:inherit!important;text-decoration:none}
.tgl-home-workspace .hero .home-actions .tgl-action--secondary::after{content:'→'}
.tgl-home-workspace .hero .home-actions .tgl-action--secondary:hover{border-color:#E6007E;text-decoration:underline;text-underline-offset:4px}