/*!
 * Reasons Scroll v1.1 — scroll-driven chat-bubble highlights with a round progress counter.
 * Built for Bootstrap 5.3.x. Load AFTER bootstrap.css.
 * v1.1: all six reasons readable from the start (the ring + yellow highlight carry the progress),
 *       bounce/overshoot replaced with a critically damped fade-and-settle, counter set in Montserrat.
 */
:root{--rs-yellow:#ffff00;--rs-grey:#ececec;--rs-grey-text:#333;--rs-radius:20px;--rs-ease:cubic-bezier(.2,.8,.2,1)}
.rs-item{box-sizing:border-box;max-width:340px;padding:14px 20px;text-align:left !important;border-radius:var(--rs-radius) !important;background-color:var(--rs-grey) !important;color:var(--rs-grey-text) !important;opacity:.7;visibility:visible;transform:translateY(8px);transition:opacity .35s var(--rs-ease),transform .35s var(--rs-ease),background-color .3s ease,color .3s ease}
.rs-item.rs-l{margin-left:auto;transform-origin:bottom right}
.rs-item.rs-r{margin-right:auto;transform-origin:bottom left}
.rs-n1{border-bottom-right-radius:0 !important}.rs-n2{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.rs-n3{border-top-right-radius:0 !important}.rs-n4{border-bottom-left-radius:0 !important}.rs-n5{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.rs-n6{border-top-left-radius:0 !important}
.rs-item.rs-done,.rs-item.rs-active{opacity:1;transform:none}
.rs-item.rs-active{background-color:var(--rs-yellow) !important;color:#000 !important}
.rs-item>*{margin:0;text-align:left;color:inherit !important}
.rs-item>:first-child{margin-bottom:4px}
.rs-item.rs-in,.rs-item.rs-out{animation:none}
.rs-ring{--rs-size:min(220px,42vw);position:relative;flex:none;width:var(--rs-size);height:var(--rs-size);margin:0 auto;font-size:calc(var(--rs-size) / 13.75);color:var(--bs-body-color,#111)}
.rs-ring svg{position:absolute;inset:0;display:block;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.rs-ring .rs-barwrap{position:absolute;inset:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.10))}
.rs-ring .rs-track{fill:none;stroke:var(--rs-grey);stroke-width:12.75}
.rs-ring .rs-bar{fill:none;stroke:var(--rs-yellow);stroke-width:17;stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:314.16;transition:stroke-dashoffset .5s var(--rs-ease),stroke-opacity .2s}
.rs-ring .rs-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1}
.rs-ring .rs-num b{font-size:5em;font-weight:300;letter-spacing:-.02em;font-family:Montserrat,sans-serif;font-variant-numeric:tabular-nums}
@keyframes rs-pop{from{opacity:.4;transform:scale(.92)}to{opacity:1;transform:none}}
.rs-ring .rs-num b.rs-pop{animation:rs-pop .25s var(--rs-ease)}
.rs-stack{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;box-sizing:border-box;overflow-anchor:none}
.rs-stack .rs-ring{--rs-size:min(116px,21vw);margin:4px auto 8px;position:sticky;top:var(--rs-sticky-top,8px);z-index:3;border-radius:50%;background:var(--rs-ring-bg,var(--bs-body-bg,#fff));box-shadow:0 0 0 8px var(--rs-ring-bg,var(--bs-body-bg,#fff));transition:box-shadow .25s}
.rs-stack .rs-ring.rs-stuck{box-shadow:0 0 0 8px var(--rs-ring-bg,var(--bs-body-bg,#fff)),0 12px 36px rgba(0,0,0,.20)}
.rs-stack .rs-ring.rs-nosticky{position:relative;z-index:auto;background:none;box-shadow:none}
.rs-stack .rs-item,.rs-stack .rs-item.rs-l,.rs-stack .rs-item.rs-r{width:100%;max-width:600px;padding:12px 16px;margin:0 !important;border-radius:var(--rs-radius) !important;transform-origin:bottom center;display:block}
.rs-stack.rs-measure .rs-item{display:block !important;visibility:hidden !important}
@media (prefers-reduced-motion:reduce){.rs-item{transform:none !important;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.rs-ring .rs-bar{transition:none}.rs-ring .rs-num b.rs-pop{animation:none}}