
.sktc-vid{position:relative;isolation:isolate}
.sktc-vid::before{content:"";position:absolute;left:-18%;right:-18%;top:6%;bottom:10%;border-radius:50%;background:radial-gradient(circle,rgba(106,76,240,.22),rgba(47,91,234,.08) 45%,transparent 68%);z-index:-1;animation:skPulse 7s ease-in-out infinite}
.sk-chip{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px 8px 8px;font-size:12.5px;font-weight:700;color:var(--ink);box-shadow:0 16px 32px -14px rgba(20,30,80,.4);white-space:nowrap;z-index:2;animation:skFloat 5.5s ease-in-out infinite;text-align:left;line-height:1.2}
.sk-chip i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;font-style:normal}
.sk-chip i svg{width:16px;height:16px}
.sk-chip small{display:block;font-size:10.5px;font-weight:600;color:var(--mut)}
.sk-c1{top:12%;left:-96px}.sk-c2{top:44%;right:-104px;animation-delay:-1.8s}.sk-c3{bottom:18%;left:-80px;animation-delay:-3.6s}
.sk-c1 i{background:#fdecec}.sk-c2 i{background:#eef1ff}.sk-c3 i{background:#fff5e0}
.sk-c1 i svg{animation:skBlink 1.6s ease-in-out infinite}
@keyframes skFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes skPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:1}}
@keyframes skBlink{0%,100%{opacity:1}50%{opacity:.35}}
.sktc-feat{background:#fff;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.sktc-feat:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(47,91,234,.5);border-color:#cfd6fb}
.sktc-feat::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--blue),var(--vio));transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.sktc-feat:hover::after{transform:scaleX(1)}
.sktc-feat .i{width:76px;height:76px;border-radius:20px;background:linear-gradient(145deg,#eef2ff,#f6f1ff);box-shadow:inset 0 0 0 1px #e3e7fb;font-size:0;margin-bottom:18px}
.sktc-feat .i svg{width:52px;height:52px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.sktc-feat:hover .i svg{transform:scale(1.12) rotate(-5deg)}
.sktc-pain{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.sktc-pain:hover{transform:translateY(-4px);border-color:#bfe8cf;box-shadow:0 20px 40px -26px rgba(22,163,74,.45)}
.sktc-pain span{display:inline-block;background:#ecfdf3;border-radius:8px;padding:6px 11px}
.sktc-step{transition:transform .3s ease,box-shadow .3s ease}
.sktc-step:hover{transform:translateY(-5px);box-shadow:0 22px 44px -28px rgba(47,91,234,.5)}
.sk-sico{position:absolute;top:16px;right:16px;width:50px;height:50px}
.sk-sico svg{width:100%;height:100%;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.sktc-step:hover .sk-sico svg{transform:scale(1.12) rotate(4deg)}
.sk-hi{display:inline-grid;width:30px;height:30px;vertical-align:-8px;margin-right:8px}
.sk-hi svg{width:100%;height:100%}
.sktc-cmp div{transition:transform .3s ease}
.sktc-cmp div:hover{transform:translateY(-4px)}
.sktc-tags>*{transition:transform .25s ease,background .25s ease,color .25s ease}
.sktc-tags>*:hover{transform:translateY(-2px)}
.sk-js .sk-rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease,box-shadow .35s ease,border-color .35s ease}
.sk-js .sk-rv.sk-in{opacity:1;transform:none}
.sk-js .sktc-feat.sk-rv.sk-in:hover{transform:translateY(-6px)}
.sk-js .sktc-step.sk-rv.sk-in:hover,.sk-js .sktc-pain.sk-rv.sk-in:hover,.sk-js .sktc-cmp div.sk-rv.sk-in:hover{transform:translateY(-4px)}
@media(max-width:1100px){.sk-c1{left:-40px}.sk-c2{right:-48px}.sk-c3{left:-30px}}
@media(max-width:600px){.sk-chip{font-size:11.5px;padding:6px 10px 6px 6px}.sk-chip i{width:24px;height:24px}.sk-c1{left:-14px}.sk-c2{right:-14px}.sk-c3{left:-10px}.sk-sico{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.sk-chip,.sktc-vid::before,.sk-c1 i svg{animation:none}.sk-js .sk-rv{opacity:1;transform:none;transition:none}}
