#tab-compare.compare-ready{background:linear-gradient(120deg,#246cd0,#498fec);color:#fff;border-color:#397fe0;box-shadow:0 5px 16px #367bd538}
#tab-compare.compare-ready .count{background:#fff;color:#235eb2}
#tab-compare .compare-hint{display:none;font-size:11px;margin-left:8px;white-space:nowrap}
#tab-compare.compare-ready .compare-hint{display:inline-block}
#tab-compare.compare-ready:not([aria-selected=true]){animation:compare-breathe 2.4s ease-in-out infinite}
#tab-compare:hover{filter:brightness(1.06)}
.key-differences{padding:18px 22px;border:1px solid #c7d9ee;border-radius:12px;background:linear-gradient(120deg,#edf5ff,#f6f1ff);margin-bottom:16px}.key-differences h3{margin:0 0 12px;color:#284e82}.key-differences ol{margin:0;padding-left:26px}.key-differences li{padding:7px 0 12px 5px}.key-differences li::marker{font-weight:800;color:#6e49ba;font-size:20px}.key-differences strong{font-size:17px;color:#294c75}.key-differences p{margin:6px 0;font-weight:600}.key-differences small{display:block;line-height:1.7;color:#586e86}
@keyframes compare-breathe{0%,100%{box-shadow:0 0 0 0 #3a86df55,0 5px 16px #367bd538}50%{box-shadow:0 0 0 4px #3a86df12,0 6px 22px #367bd560}}
@media(prefers-reduced-motion:reduce){#tab-compare.compare-ready:not([aria-selected=true]){animation:none}}
.tabs .tab.next-step-ready{background:linear-gradient(120deg,var(--accent),var(--accent2));color:#fff;border-color:var(--accent);animation:next-step-glow 1.7s ease-in-out infinite}
.next-step-hint{display:none;font-size:11px;margin-left:7px;white-space:nowrap}
.next-step-ready .next-step-hint{display:inline-block;animation:next-step-arrow 1s ease-in-out infinite}
.tabs .tab.next-step-ready::after{content:"";position:absolute;inset:-50% auto -50% -45%;width:28%;background:linear-gradient(90deg,transparent,#ffffff70,transparent);transform:skewX(-20deg);pointer-events:none;animation:next-step-shine 2.8s ease-in-out infinite}
@keyframes next-step-glow{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent),0 3px 10px color-mix(in srgb,var(--accent) 25%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 40%,transparent),0 5px 20px color-mix(in srgb,var(--accent) 55%,transparent);filter:brightness(1.12)}}
@keyframes next-step-arrow{50%{transform:translateX(4px)}}
@keyframes next-step-shine{0%,20%{left:-45%}65%,100%{left:130%}}
@media(prefers-reduced-motion:reduce){.tabs .tab.next-step-ready,.next-step-ready .next-step-hint,.tabs .tab.next-step-ready::after{animation:none}}