.feature-hover-demo{position:fixed;z-index:12000;box-sizing:border-box;padding:12px;border:1px solid rgba(120,158,141,.38);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(20,58,48,.2);color:#193f35;opacity:0;visibility:hidden;transform:translateY(-5px) scale(.98);transform-origin:50% 0;transition:opacity .16s ease,transform .16s ease,visibility .16s;pointer-events:none;backdrop-filter:blur(10px)}
.feature-hover-demo[data-placement="top"]{transform:translateY(5px) scale(.98);transform-origin:50% 100%}.feature-hover-demo.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.feature-hover-demo:before{content:"";position:absolute;left:50%;top:-6px;width:11px;height:11px;border-left:1px solid rgba(120,158,141,.38);border-top:1px solid rgba(120,158,141,.38);background:#fff;transform:translateX(-50%) rotate(45deg)}
.feature-hover-demo[data-placement="top"]:before{top:auto;bottom:-6px;border:0;border-right:1px solid rgba(120,158,141,.38);border-bottom:1px solid rgba(120,158,141,.38)}
.feature-hover-demo__top{display:flex;align-items:center;gap:9px;margin-bottom:10px}.feature-hover-demo__top>span{display:flex;gap:4px}.feature-hover-demo__top>span i{display:block;width:6px;height:6px;border-radius:50%;background:#dfe9e3}.feature-hover-demo__top>span i:first-child{background:#bbff24}.feature-hover-demo__top b{font:800 12px "Plus Jakarta Sans",sans-serif;color:#163f34}
.feature-hover-demo__scene{position:relative;display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;min-height:92px;padding:12px;border-radius:12px;background:linear-gradient(145deg,#f0f8f2,#f7f5ff);overflow:hidden}
.feature-hover-demo__scene:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.76) 48%,transparent 66%);transform:translateX(-120%);animation:featureDemoShine 3.2s ease-in-out infinite}
.feature-hover-demo__step{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid #d8e6de;border-radius:10px;background:#fff;box-shadow:0 5px 13px rgba(30,76,62,.07);animation:featureDemoStep 3.2s ease-in-out infinite}.feature-hover-demo__step:nth-of-type(3){animation-delay:1.25s}
.feature-hover-demo__step em{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:8px;background:#e8f4e9;color:#176955;font:800 11px "DM Sans",sans-serif}.feature-hover-demo__step:nth-of-type(3) em{background:#c5ff42;color:#194234}
.feature-hover-demo__step span{display:grid;gap:5px;flex:1}.feature-hover-demo__step span i{display:block;height:5px;border-radius:99px;background:#dce8e1}.feature-hover-demo__step span i:last-child{width:66%;background:#edf2ef}
.feature-hover-demo__flow{position:relative;z-index:1;text-align:center;color:#4e8b78;font-weight:900;animation:featureDemoFlow 3.2s ease-in-out infinite}
.feature-hover-demo__cursor{position:absolute;z-index:3;left:34px;bottom:7px;color:#155f50;font-size:17px;text-shadow:0 2px 3px #fff;animation:featureDemoCursor 3.2s ease-in-out infinite}
.feature-hover-demo p{margin:10px 2px 4px;color:#536b63;font-size:11px;line-height:1.48}.feature-hover-demo small{display:block;margin:0 2px;color:#96a39f;font-size:9px}
@keyframes featureDemoCursor{0%,12%{transform:translate(0,0);opacity:0}22%{opacity:1}48%{transform:translate(84px,-39px);opacity:1}62%{transform:translate(178px,-10px) scale(.84);opacity:1}78%,100%{transform:translate(178px,-10px);opacity:0}}
@keyframes featureDemoStep{0%,100%{border-color:#d8e6de;transform:translateY(0)}26%,42%{border-color:#80ac98;transform:translateY(-2px)}55%{border-color:#d8e6de;transform:translateY(0)}}
@keyframes featureDemoFlow{0%,32%,100%{opacity:.28;transform:translateX(-2px)}45%,68%{opacity:1;transform:translateX(2px)}}
@keyframes featureDemoShine{0%,48%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}
@media(max-width:720px),(hover:none){.feature-hover-demo{display:none!important}}
@media(prefers-reduced-motion:reduce){.feature-hover-demo,.feature-hover-demo *{animation:none!important;transition:none!important}}