.k-head .k-p{margin-inline:auto}.k-bg6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px}
.k-bc{position:relative;border-radius:22px;padding:30px 26px 26px;overflow:hidden;color:#16181f;background:linear-gradient(160deg,var(--g1),var(--g2));box-shadow:0 14px 34px -16px var(--sh);display:flex;flex-direction:column;gap:12px;transition:transform .35s ease,box-shadow .35s ease}
.k-bc::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.k-bc:hover{transform:translateY(-4px)}
.k-bc.g1{--g1:#EAF1FF;--g2:#D3E2FF;--c1:#2F6BFF;--c2:#20A0FF;--sh:rgba(47,107,255,.5)}
.k-bc.g2{--g1:#F1EBFF;--g2:#E0D4FF;--c1:#7A4FE0;--c2:#B05CF0;--sh:rgba(122,79,224,.5)}
.k-bc.g3{--g1:#E6F8F3;--g2:#C9EFE4;--c1:#0E9F85;--c2:#22C7A9;--sh:rgba(14,159,133,.5)}
.k-bc .chip{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px 18px -6px var(--sh),0 0 0 0 rgba(255,255,255,0)}
.k-bc .chip svg{overflow:visible;width:36px;height:36px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.k-bc h3{margin:0;font-size:24px;line-height:1.2}
.k-bc p{margin:0;font-size:16px;line-height:1.5;color:#2d3140}.k-bc p b{color:var(--c1)}
.ai *{transform-box:fill-box;transform-origin:center}
.ai-clock .mh{transform-box:view-box;transform-origin:12px 12px;animation:aiSpin 3.2s linear infinite}.ai-clock .hh{transform-box:view-box;transform-origin:12px 12px;animation:aiSpin 19.2s linear infinite}
@keyframes aiSpin{to{transform:rotate(360deg)}}
.ai-search .sg{animation:aiSweep 3.4s ease-in-out infinite}.ai-search .gl{animation:aiGlint 3.4s ease-in-out infinite}
@keyframes aiSweep{0%,100%{transform:translate(-1.5px,-1px)}25%{transform:translate(1.8px,-1.6px)}50%{transform:translate(1.4px,1.8px)}75%{transform:translate(-1.8px,1.2px)}}
@keyframes aiGlint{0%,100%{opacity:.25}50%{opacity:1}}
.ai-map .pn{animation:aiDrop 2.6s cubic-bezier(.3,.7,.4,1) infinite}.ai-map .rp{animation:aiRipple 2.6s ease-out infinite}
@keyframes aiDrop{0%{transform:translateY(-7px);opacity:0}18%{transform:translateY(0);opacity:1}28%{transform:translateY(-2.5px)}38%,100%{transform:translateY(0);opacity:1}}
@keyframes aiRipple{0%,16%{transform:scale(.2);opacity:0}22%{opacity:1}60%,100%{transform:scale(2.2);opacity:0}}
.ai-list .l1,.ai-list .l2,.ai-list .l3{stroke-dasharray:11;animation:aiLine 3.2s ease-in-out infinite}.ai-list .l2{animation-delay:.35s}.ai-list .l3{animation-delay:.7s}
.ai-list .d1,.ai-list .d2,.ai-list .d3{animation:aiDot 3.2s ease-in-out infinite;stroke-width:3.2}.ai-list .d2{animation-delay:.35s}.ai-list .d3{animation-delay:.7s}
@keyframes aiLine{0%{stroke-dashoffset:11}30%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-11}}
@keyframes aiDot{0%,6%{opacity:0;transform:scale(0)}20%,80%{opacity:1;transform:scale(1)}100%{opacity:0}}
.ai-phone .pg{animation:aiTilt 2.8s ease-in-out infinite}.ai-phone .tp{animation:aiTap 2.8s ease-out infinite}
@keyframes aiTilt{0%,100%{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(3deg)}60%{transform:rotate(0)}}
@keyframes aiTap{0%,30%{transform:scale(.3);opacity:0}38%{opacity:1}80%,100%{transform:scale(2.6);opacity:0}}
.ai-eye .ey{animation:aiBlink 4s ease-in-out infinite}.ai-eye .pu{animation:aiLook 4s ease-in-out infinite}
@keyframes aiBlink{0%,42%,48%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@keyframes aiLook{0%,10%{transform:translateX(0)}22%,36%{transform:translateX(-3.2px)}56%,72%{transform:translateX(3.2px)}86%,100%{transform:translateX(0)}}
.k-bc .chip{transition:transform .35s ease,box-shadow .35s ease}.k-bc .chip svg{transition:stroke-width .35s ease,transform .35s ease}
.k-bc:hover .chip{transform:translateY(-4px) scale(1.06);box-shadow:0 16px 26px -8px var(--sh),0 0 0 7px rgba(255,255,255,.55)}
.k-bc:hover .chip svg{stroke-width:2.5;transform:scale(1.14)}
@media(prefers-reduced-motion:reduce){.ai *{animation:none!important}}
@media(max-width:900px){.k-bg6{grid-template-columns:1fr}}