.welcome-topnav{display:flex;align-items:center;gap:24px}.welcome-topnav>a:not(.btn){color:var(--text);font-weight:700;text-decoration:none}.welcome-topnav>a:hover{text-decoration:underline}.welcome-hero::before{background-image:linear-gradient(90deg,rgba(5,20,48,.64),rgba(5,20,48,.1) 60%,transparent),url('brand/racecentral-home-hero.png');opacity:1;background-position:center}.welcome-hero .landing-hero-copy{padding-block:clamp(48px,7vw,90px)}.welcome-hero h1{max-width:650px}.welcome-hero p{max-width:520px;font-size:clamp(1rem,1.5vw,1.2rem)}.welcome-hero-button{display:inline-flex;margin-top:25px;gap:18px}.welcome-text-link{color:var(--accent);font-weight:700}.welcome-note{max-width:none;display:flex;align-items:center;gap:20px}.welcome-note h3{min-width:170px}.welcome-note p{flex:1}.welcome-note .btn{white-space:nowrap}.landing-footer a{color:inherit}@media(max-width:800px){.welcome-hero::before{background-position:62% center}.welcome-note{display:block}.welcome-note .btn{margin-top:18px}}@media(max-width:520px){.welcome-topnav{gap:10px}.welcome-topnav>a:not(.btn){display:none}.welcome-hero::before{background-image:linear-gradient(90deg,rgba(5,20,48,.82),rgba(5,20,48,.35)),url('brand/racecentral-home-hero.png');background-position:66% center}.welcome-hero h1{font-size:clamp(2.2rem,10vw,3.5rem)}}

/* RC06: the organiser route sits after the rider call to action so discovery
   stays primary, and reads as an invitation to talk rather than a sign-up. */
.landing-organiser{margin-top:26px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.landing-organiser h3{margin:0 0 8px}
.landing-organiser p{margin:0 0 10px;max-width:62ch}
.landing-organiser .btn{margin-top:4px}

/* The public welcome page always has a dark header. Its artwork is selected
   for that background, independently of the signed-in theme preference. */
.welcome-page a.btn{display:inline-flex;align-items:center;justify-content:center}
.welcome-topnav>a.btn:hover{text-decoration:none}

/* RC07: both account actions are visible before anything is expanded, with
   the legal and race-entry context beside them rather than only in About. */
.landing-join-actions{margin:12px 0 4px;font-size:.84rem}
.landing-join-legal{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.74rem;line-height:1.5}
.welcome-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:25px}.welcome-hero-actions .welcome-hero-button{margin-top:0}
.welcome-page .welcome-hero-actions .btn,.welcome-page .landing-join .landing-email-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:54px;min-height:54px;padding:4px 14px;border-radius:7px;font-family:var(--body);font-size:.833333rem;font-weight:600;line-height:1.1}
@media(max-width:520px){.welcome-page .welcome-hero-actions .btn,.welcome-page .landing-join .landing-email-button{font-size:.76rem}}
.welcome-page .welcome-hero-actions .btn.primary.welcome-hero-button:not(.is-connected):not(.twitch){background:#d65308;border-color:#d65308;color:#fff;box-shadow:0 3px 12px #0004}
.welcome-page .welcome-hero-actions .btn.primary.welcome-hero-button:not(.is-connected):not(.twitch):hover{background:#b84300;border-color:#b84300;color:#fff}
.welcome-carousel{min-height:clamp(450px,33.7vw,728px);background:#051424}.welcome-carousel::before{display:none}.welcome-hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity var(--hero-crossfade,1s) ease}.welcome-hero-slide.is-active{opacity:1;pointer-events:auto}.welcome-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.welcome-carousel .landing-hero-copy{padding-block:35px 75px}.welcome-carousel h1{font-family:var(--body);font-weight:800;line-height:.98;margin-bottom:10px}.welcome-carousel .landing-kicker{color:#ff761c}.welcome-hero-subtitle{font-family:var(--body);font-size:clamp(1.3rem,2.7vw,2.3rem);line-height:1.1;margin:0 0 12px;color:#fff}.welcome-carousel p.welcome-hero-description{max-width:650px;font-size:clamp(.85rem,1.3vw,1.1rem);line-height:1.4}.welcome-page .welcome-hero-actions .welcome-create-button{background:#d65308;border-color:#d65308;color:#fff}.welcome-page .welcome-hero-actions .welcome-create-button:hover{background:#b84300;border-color:#b84300;color:#fff}.welcome-hero-controls{position:absolute;bottom:16px;right:max(24px,calc((100vw - 1176px)/2));z-index:2;display:flex;align-items:center;gap:8px;color:#fff;font:600 12px/1.3 var(--body)}.welcome-hero-controls[hidden]{display:none}.welcome-hero-controls button{border:1px solid #a2b6cd;background:#06162ce6;color:#fff;border-radius:7px;min-height:36px;min-width:36px;padding:6px 10px;font:inherit}.welcome-hero-controls button:focus-visible,.welcome-carousel a:focus-visible{outline:3px solid #ffb678;outline-offset:3px}.welcome-hero-controls button:disabled{opacity:.7}.welcome-hero-slide:not(.is-active) a{visibility:hidden}@media(max-width:760px){.welcome-hero-image{object-position:66% center!important}.welcome-hero-slide::after{content:"";position:absolute;inset:0;background:#04152b73}.welcome-carousel .landing-hero-copy{padding-block:30px 90px}.welcome-carousel{min-height:540px}.welcome-hero-controls{right:16px}.welcome-hero-controls button{min-height:44px}}@media(prefers-reduced-motion:reduce){.welcome-hero-slide{transition:none}}