/* The original chart geometry stays fixed; only its light and height move. */
html[lang] #credit .credit-bars,html[lang] #reviews .reviews-bars{opacity:.42}
html[lang] #credit .credit-arrow,html[lang] #reviews .reviews-arrow{opacity:.54}
html[lang] #free-review .free-bars{opacity:.32}
html[lang] #free-review .free-arrow{opacity:.48}
.chart-scene :is(.credit-bars,.reviews-bars,.free-bars) i{animation:section-bar-breathe 6s ease-in-out infinite!important;animation-delay:var(--bar-delay,0ms)!important;animation-play-state:paused!important;transform-origin:center bottom}
html[lang] .chart-scene svg .section-arrow-spark{fill:none;stroke:#e0ffb7;stroke-width:3;stroke-linecap:round;marker-end:none;stroke-dasharray:.1 .9;stroke-dashoffset:1;filter:drop-shadow(0 0 5px #abff75);opacity:0;animation:section-arrow-light 7s ease-in-out infinite!important;animation-play-state:paused!important}
.chart-scene.scene-running :is(.credit-bars,.reviews-bars,.free-bars) i,html[lang] .chart-scene.scene-running svg .section-arrow-spark{animation-play-state:running!important}
.chart-scene.scene-paused .section-arrow-spark{visibility:hidden}
.section-motion-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:28px 0 0;padding:9px 14px;border:1px solid #84b06455;border-radius:30px;background:#112d1cbf;color:#d0eac1;font-size:12px;cursor:pointer;z-index:5}
.section-motion-toggle:hover{border-color:#acd786;background:#1c3d24}
.section-motion-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.section-motion-toggle[aria-pressed=true] .pause-lines,.section-motion-toggle:not([aria-pressed=true]) .play-shape{display:none}
@keyframes section-bar-breathe{0%,100%{transform:scaleY(.72);filter:brightness(.85)}45%,60%{transform:scaleY(1);filter:brightness(1.35)}}
@keyframes section-arrow-light{0%,12%{stroke-dashoffset:1;opacity:0}18%{opacity:1}62%{stroke-dashoffset:0;opacity:1}70%,100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.chart-scene :is(.credit-bars,.reviews-bars,.free-bars) i{animation:none!important;transform:none!important}.chart-scene .section-arrow-spark{display:none}}
/* Light follows the actual Credit Up silhouette without moving it behind copy. */
#free-review .free-review-watermark{animation:closing-mark-breathe 8s ease-in-out infinite;animation-play-state:paused;filter:drop-shadow(0 0 18px #7cb85744)}
.free-logo-light{position:absolute;z-index:1;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--review-logo-width);height:var(--review-logo-height);mask-image:url('assets/credit-up-mark.svg');mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.free-logo-light i,.free-logo-light b{position:absolute;inset:0;display:block}
.free-logo-light i{background:linear-gradient(110deg,transparent 35%,#d9ffa145 48%,#f2ffd175 50%,#adf47c38 53%,transparent 65%);transform:translateX(-115%);animation:closing-mark-sweep 12s ease-in-out infinite;animation-play-state:paused}
.free-logo-light b{opacity:0;transition:opacity .45s;background:radial-gradient(circle 160px at var(--mark-x,50%) var(--mark-y,50%),#d8ffac66,transparent 100%)}
#free-review.scene-running .free-review-watermark,#free-review.scene-running .free-logo-light i{animation-play-state:running}
#free-review.scene-running[data-mark-active=true] .free-logo-light b{opacity:1}
#free-review.scene-paused .free-logo-light{visibility:hidden}
@keyframes closing-mark-breathe{0%,100%{opacity:.1;filter:drop-shadow(0 0 10px #7cb85722)}50%{opacity:.17;filter:drop-shadow(0 0 24px #a8e67955)}}
@keyframes closing-mark-sweep{0%,15%{transform:translateX(-115%);opacity:0}25%{opacity:.7}66%{transform:translateX(115%);opacity:.7}74%,100%{transform:translateX(115%);opacity:0}}
@media(prefers-reduced-motion:reduce){#free-review .free-review-watermark{animation:none!important;opacity:.12}.free-logo-light{display:none}}