/* AI Assistant page: capabilities illustration (from the "Talkom - Picture 1 Illustration" design) */
.cap-wrap{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:6px;box-shadow:0 14px 34px rgba(22,42,61,.16),0 0 0 1px var(--line);background:#162a3d;}
.cap-frame{position:absolute;left:0;top:0;width:920px;height:920px;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(120% 90% at 100% 100%,#04c0cd 0%,#049aaa 25%,#1a4a64 55%,#162a3d 80%,#0f2030 100%);transform-origin:0 0;}
.cap-frame::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 88% 92%,rgba(4,192,205,.55),transparent 60%),radial-gradient(50% 40% at 12% 0%,rgba(124,108,248,.18),transparent 70%);pointer-events:none;}
.cap-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(80% 80% at 50% 50%,#000 30%,transparent 80%);pointer-events:none;}
.cap-scene{position:absolute;left:110px;top:80px;width:720px;height:760px;}
.cap-halo{position:absolute;inset:-40px;background:radial-gradient(50% 50% at 50% 50%,rgba(4,192,205,.35),transparent 70%);filter:blur(20px);}
.cap-orb{position:absolute;left:50%;top:48%;width:240px;height:240px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;}
.cap-orb img{width:150px;height:150px;border-radius:34px;box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.18);display:block;}
.cap-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.18);}
.cap-ring.cap-r1{width:360px;height:360px;}.cap-ring.cap-r2{width:540px;height:540px;border-style:dashed;border-color:rgba(255,255,255,.12);}.cap-ring.cap-r3{width:700px;height:700px;border-color:rgba(255,255,255,.07);}
.cap-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.cap-q-bubble{position:absolute;background:#1c3247;color:#fff;border-radius:18px;padding:14px 18px;font-size:17px;font-weight:500;line-height:1.35;max-width:280px;border:1px solid rgba(255,255,255,.06);box-shadow:0 14px 30px rgba(0,0,0,.4);}
.cap-q-bubble .cap-who{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:700;margin-bottom:6px;}
.cap-product,.cap-tracking{position:absolute;width:230px;background:#fff;color:#162a3d;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.05);}
.cap-product .cap-img{height:120px;background:linear-gradient(135deg,#e0f7f8 0%,#f6f7f7 60%,#d2d8dc 100%);position:relative;}
.cap-product .cap-img::after{content:"";position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:74px;height:60px;border-radius:14px 14px 16px 16px;background:linear-gradient(180deg,#fff 0%,#f6f7f7 60%,#e6ebee 100%);box-shadow:0 10px 18px rgba(22,42,61,.18),inset 0 -8px 0 rgba(22,42,61,.04);border:1px solid #e3e8eb;}
.cap-product .cap-img::before{content:"";position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:60px;height:14px;background:linear-gradient(180deg,#162a3d 0%,#1c3247 100%);border-radius:5px 5px 3px 3px;z-index:1;box-shadow:0 3px 6px rgba(0,0,0,.18);}
.cap-product.cap-p1 .cap-img::after{width:46px;height:74px;border-radius:10px 10px 8px 8px;top:60%;background:linear-gradient(180deg,#fff 0%,#e0f7f8 60%,#d2dce0 100%);border:1px solid #d2d8dc;}
.cap-product.cap-p1 .cap-img::before{width:20px;height:30px;top:24%;border-radius:4px 4px 3px 3px;box-shadow:0 3px 6px rgba(0,0,0,.2);}
.cap-product .cap-body,.cap-tracking .cap-body{padding:12px 14px 14px;}
.cap-product .cap-name,.cap-tracking .cap-name{font-size:15px;font-weight:600;}
.cap-product .cap-price{font-size:14px;color:#6e7e8c;margin-top:2px;}
.cap-product .cap-cta{margin-top:10px;background:#162a3d;color:#fff;border-radius:8px;padding:8px 0;text-align:center;font-size:12px;font-weight:600;letter-spacing:.02em;}
.cap-badge{position:absolute;top:10px;right:10px;background:#04c0cd;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;padding:5px 9px;border-radius:999px;text-transform:uppercase;box-shadow:0 4px 10px rgba(0,0,0,.2);}
.cap-tracking .cap-img{height:120px;background:linear-gradient(135deg,#162a3d 0%,#1c3247 60%,#046e76 100%);position:relative;overflow:hidden;}
.cap-tracking .cap-route{position:absolute;inset:0;width:100%;height:100%;}
.cap-tracking .cap-truck{position:absolute;left:64%;top:54%;transform:translate(-50%,-50%);width:54px;height:54px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));}
.cap-tracking .cap-pin{position:absolute;right:12px;top:18px;width:22px;height:22px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));}
.cap-tracking .cap-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(120% 80% at 50% 60%,#000 30%,transparent 90%);}
.cap-tracking .cap-order{font-size:12px;color:#6e7e8c;margin-top:2px;}
.cap-tracking .cap-pipe{margin-top:10px;position:relative;height:6px;border-radius:999px;background:#eef1f3;overflow:hidden;}
.cap-tracking .cap-pipe::before{content:"";position:absolute;left:0;top:0;bottom:0;width:66%;background:linear-gradient(90deg,#04c0cd,#049aaa);border-radius:999px;}
.cap-tracking .cap-pipe-steps{margin-top:8px;display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#6e7e8c;}
.cap-tracking .cap-pipe-steps .cap-on{color:#046e76;}
.cap-success{position:absolute;background:#fff;color:#046e76;border-radius:999px;padding:10px 16px 10px 12px;font-size:14px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px;box-shadow:0 14px 30px rgba(0,0,0,.25);}
.cap-success .cap-check{width:22px;height:22px;border-radius:50%;background:#04c0cd;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;}
.cap-q1{left:20px;top:20px;}.cap-q3{left:-50px;top:265px;}.cap-q2{left:-30px;top:520px;}.cap-p1{right:-10px;top:-10px;}.cap-p3{right:20px;top:280px;}.cap-p2{right:150px;top:530px;}.cap-s1{left:42%;top:140px;transform:translateX(-50%);}