/* WLC R111 — Mobile-first safety + journey discoverability */
:root{--wlc-r111-blue:#1769e0;--wlc-r111-navy:#0b315e;--wlc-r111-orange:#ff642e;--wlc-r111-line:#d9e5f3;--wlc-r111-soft:#f6f9fd}

/* Journey selector: make interactive intent unmistakable */
.rp-journey-tabs{gap:16px!important}
.rp-journey-tab{position:relative!important;isolation:isolate!important;min-height:132px!important;padding:18px 20px 17px!important;border:1px solid var(--wlc-r111-line)!important;border-radius:20px!important;background:linear-gradient(155deg,#fff 0%,#f8fbff 100%)!important;box-shadow:0 10px 28px rgba(14,49,91,.07)!important;overflow:hidden!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important}
.rp-journey-tab::before{content:"";position:absolute;z-index:-1;inset:auto -48px -62px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(37,113,213,.14),rgba(37,113,213,0) 70%);transition:transform .35s ease,opacity .35s ease}
.rp-journey-tab:nth-child(2)::before{background:radial-gradient(circle,rgba(255,100,46,.15),rgba(255,100,46,0) 70%)}
.rp-journey-tab:nth-child(3)::before{background:radial-gradient(circle,rgba(103,76,230,.15),rgba(103,76,230,0) 70%)}
.rp-journey-tab:hover,.rp-journey-tab:focus-visible{transform:translateY(-5px)!important;border-color:#a9c9f1!important;box-shadow:0 20px 48px rgba(18,62,112,.14)!important;outline:none!important}
.rp-journey-tab:hover::before,.rp-journey-tab:focus-visible::before{transform:scale(1.18)}
.rp-journey-tab.active{border-color:#2879e5!important;background:linear-gradient(145deg,#0e3d73 0%,#1769c9 100%)!important;color:#fff!important;box-shadow:0 20px 50px rgba(24,99,194,.26)!important;transform:translateY(-4px)!important}
.rp-journey-tab.active::after{content:"✓ Selected";position:absolute;right:14px;top:13px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.28);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff}
.rp-tab-top{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.rp-tab-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#1769d8;font-size:16px;font-weight:900;border:1px solid #d6e7fb}
.rp-journey-tab:nth-child(2) .rp-tab-icon{background:#fff0ea;color:#e9541e;border-color:#ffd9ca}
.rp-journey-tab:nth-child(3) .rp-tab-icon{background:#f2efff;color:#674ce6;border-color:#dfd8ff}
.rp-journey-tab.active .rp-tab-icon{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
.rp-journey-tab strong{font-size:17px!important;line-height:1.25!important;margin:0!important;color:#0b315e!important}
.rp-journey-tab>span:not(.rp-tab-action){display:block;margin-top:5px;font-size:12.5px!important;line-height:1.45;color:#7084a0!important}
.rp-journey-tab.active strong,.rp-journey-tab.active>span:not(.rp-tab-action){color:#fff!important}
.rp-journey-tab.active>span:not(.rp-tab-action){opacity:.83}
.rp-tab-action{display:inline-flex!important;align-items:center;gap:7px;margin-top:13px!important;color:#1262c7!important;font-size:12px!important;font-weight:850!important;letter-spacing:.01em}
.rp-tab-action::after{content:"→";font-size:16px;transition:transform .2s ease}
.rp-journey-tab:hover .rp-tab-action::after{transform:translateX(4px)}
.rp-journey-tab.active .rp-tab-action{color:#fff!important}
.rp-journey-panel{position:relative!important;border-top:3px solid #1769df!important}
.rp-journey-panel::before{content:"YOUR SELECTED PATH";position:absolute;left:24px;top:-13px;padding:4px 9px;background:#fff;border:1px solid #d7e5f6;border-radius:999px;color:#1769cf;font-size:9px;font-weight:900;letter-spacing:.1em}
.rp-journey-cta{position:relative!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease!important}
.rp-journey-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,100,46,.31)!important}

/* Mobile-first controls across ALL public pages */
@media(max-width:820px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{overflow-x:hidden!important}
  input,select,textarea,button{font-size:16px!important}
  input,select,textarea{min-height:46px}
  textarea{min-height:118px}
  .rp-head h1,.rp-head h2,.wlr-head h1,.wlr-head h2{font-size:clamp(29px,8.6vw,38px)!important;line-height:1.12!important}
  .rp-journey-tabs{grid-template-columns:1fr!important;gap:12px!important}
  .rp-journey-tab{min-height:112px!important;padding:16px 17px!important}
  .rp-journey-tab.active{transform:none!important}
  .rp-journey-tab.active::after{right:12px;top:11px;font-size:9px}
  .rp-tab-top{margin-bottom:8px}
  .rp-tab-action{margin-top:10px!important}
  .rp-journey-panel{padding:25px 18px 20px!important;grid-template-columns:1fr!important;gap:16px!important}
  .rp-journey-panel::before{left:16px}
  .rp-journey-cta{width:100%;min-height:48px}
  .wlc-marquee-job{flex-basis:min(278px,calc(100vw - 44px))!important;max-width:calc(100vw - 44px)!important}
  .wlc-marquee-row{touch-action:pan-y;cursor:grab}
  .wlc-marquee-row.is-touch-paused .wlc-marquee-track{animation-play-state:paused!important}
  .wlc-marquee-row.is-touch-paused::after{content:"Paused · tap again to resume";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:5;padding:4px 9px;border-radius:999px;background:rgba(11,49,94,.86);color:#fff;font-size:9px;font-weight:800;white-space:nowrap;pointer-events:none}
  .float-actions{right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
  .float-wa{width:48px!important;height:48px!important}
  .wlc-sticky-actions{bottom:max(10px,env(safe-area-inset-bottom))!important}
  body{padding-bottom:env(safe-area-inset-bottom)}
  /* GPU-light mobile motion */
  .wlc-motion-card,.wlc-motion-item,.wlr-reveal{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .wlc-motion-card:hover,.wlc-motion-item:hover{transform:none!important}
}
@media(max-width:360px){
  .rp-journey{padding-left:0!important;padding-right:0!important}
  .rp-journey .container{padding-left:14px!important;padding-right:14px!important}
  .rp-journey-tab{border-radius:17px!important}
  .rp-journey-tab strong{font-size:16px!important}
  .wlc-marquee-job{flex-basis:calc(100vw - 34px)!important;max-width:calc(100vw - 34px)!important}
}
@media(prefers-reduced-motion:reduce){
  .rp-journey-tab,.rp-tab-action::after,.rp-journey-cta{transition:none!important}
}
