/* Smart-home / CCTV 3D module (from v8). Scoped ks-* classes. */
        @property --ks-a{syntax:'<angle>';inherits:false;initial-value:0deg;}
        .ks-hero-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.25);color:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);animation:ksfloat 6s ease-in-out infinite;white-space:nowrap;}
        .ks-hero-chip i{width:40px;height:40px;border-radius:12px;background:#1053f3;display:flex;align-items:center;justify-content:center;font-size:17px;}
        .ks-hero-chip small{display:block;font-size:11px;opacity:.7;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;}
        .ks-hero-chip strong{font-size:14px;line-height:1.3;}
        .ks-hero-chip.c1{top:150px;right:-6px;}
        .ks-hero-chip.c2{top:330px;right:-14px;animation-delay:-2s;}
        .ks-hero-chip.c3{top:60px;left:-20px;animation-delay:-4s;}
        .ks-hero-chip .live{width:8px;height:8px;border-radius:50%;background:#37e08a;display:inline-block;margin-right:6px;animation:ksblink 1.4s infinite;}
        @keyframes ksfloat{0%,100%{translate:0 0;}50%{translate:0 -14px;}}
        @keyframes ksblink{0%,100%{opacity:1;}50%{opacity:.25;}}
        @media(max-width:1199px){.ks-hero-chip{display:none;}}
        /* ---------- modern technology ---------- */
        .ks-tech-sec{position:relative;overflow:hidden;background:#04093a;}
        .ks-tech-sec .aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;}
        .ks-tech-sec .aurora.a1{width:520px;height:520px;left:-140px;top:-120px;background:#1053f3;animation:ksdrift 14s ease-in-out infinite alternate;}
        .ks-tech-sec .aurora.a2{width:460px;height:460px;right:-120px;bottom:-100px;background:#6a3df0;animation:ksdrift 17s ease-in-out infinite alternate-reverse;opacity:.4;}
        @keyframes ksdrift{from{transform:translate(0,0) scale(1);}to{transform:translate(90px,60px) scale(1.2);}}
        .ks-tech-sec .grid-bg{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:54px 54px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);}
        .ks-tech-sec .container{position:relative;z-index:2;}
        .ks-sub{max-width:660px;margin:16px auto 0;color:rgba(255,255,255,.7);font-size:17px;line-height:1.7;text-align:center;}

        .ks-vision{position:relative;height:100%;min-height:470px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -40px rgba(0,0,0,.9);background:#000;}
        .ks-vision>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.05);}
        .ks-vision::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,10,50,.35),transparent 30%,transparent 65%,rgba(0,10,50,.8));}
        .ks-vision .scan{position:absolute;left:0;right:0;height:90px;z-index:3;background:linear-gradient(180deg,rgba(110,162,255,0),rgba(110,162,255,.38),rgba(110,162,255,0));border-bottom:1px solid rgba(160,200,255,.9);animation:ksscan 4.6s linear infinite;}
        @keyframes ksscan{from{top:-90px;}to{top:100%;}}
        .ks-vision .hud{position:absolute;z-index:5;font-family:ui-monospace,Consolas,monospace;font-size:12px;letter-spacing:.08em;color:#fff;background:rgba(0,10,50,.55);backdrop-filter:blur(6px);padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);}
        .ks-vision .hud.tl{left:16px;top:16px;}.ks-vision .hud.tr{right:16px;top:16px;}.ks-vision .hud.bl{left:16px;bottom:16px;}
        .ks-vision .hud .rec{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff3b3b;margin-right:7px;animation:ksblink 1.1s infinite;}
        .ks-vision .box{position:absolute;z-index:4;border:2px solid #4dffa6;border-radius:6px;box-shadow:0 0 18px rgba(77,255,166,.45);}
        .ks-vision .box span{position:absolute;left:-2px;top:-24px;background:#4dffa6;color:#012;font-size:11px;font-weight:800;padding:3px 8px;border-radius:5px;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;}
        .ks-vision .box.b1{width:20%;height:34%;left:14%;bottom:22%;animation:ksbox1 7s ease-in-out infinite alternate;}
        .ks-vision .box.b2{width:26%;height:18%;right:10%;bottom:30%;border-color:#ffd24d;box-shadow:0 0 18px rgba(255,210,77,.45);animation:ksbox2 9s ease-in-out infinite alternate;}
        .ks-vision .box.b2 span{background:#ffd24d;}
        @keyframes ksbox1{to{transform:translate(120%,-8%);}}
        @keyframes ksbox2{to{transform:translate(-90%,6%);}}

        .ks-ctrl{height:100%;border-radius:28px;padding:26px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 40px 80px -40px rgba(0,0,0,.9);color:#fff;}
        .ks-ctrl .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
        .ks-ctrl .head small{display:block;color:rgba(255,255,255,.6);font-size:13px;}
        .ks-ctrl .head strong{font-size:22px;font-family:'Manrope',sans-serif;}
        .ks-ctrl .pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:7px 14px;border-radius:30px;background:rgba(55,224,138,.14);color:#58f0a1;}
        .ks-ctrl .pill i{width:8px;height:8px;border-radius:50%;background:#37e08a;animation:ksblink 1.4s infinite;}
        .ks-ctrl .tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
        .ks-ctrl .tile{position:relative;text-align:left;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:20px;padding:18px;cursor:pointer;transition:background .35s,border-color .35s,transform .25s,box-shadow .35s;font-family:inherit;}
        .ks-ctrl .tile:hover{transform:translateY(-3px);}
        .ks-ctrl .tile i{display:flex;width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;background:rgba(255,255,255,.1);font-size:20px;margin-bottom:14px;transition:background .35s,box-shadow .35s;}
        .ks-ctrl .tile b{display:block;font-size:15px;font-weight:700;}
        .ks-ctrl .tile em{font-style:normal;font-size:13px;color:rgba(255,255,255,.6);}
        .ks-ctrl .tile .sw{position:absolute;right:16px;top:18px;width:42px;height:24px;border-radius:20px;background:rgba(255,255,255,.18);transition:background .35s;}
        .ks-ctrl .tile .sw::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .35s cubic-bezier(.3,1.5,.5,1);}
        .ks-ctrl .tile.on{background:linear-gradient(160deg,rgba(16,83,243,.75),rgba(16,83,243,.35));border-color:rgba(130,175,255,.7);box-shadow:0 18px 40px -20px rgba(16,83,243,.9);}
        .ks-ctrl .tile.on i{background:#fff;color:#1053f3;box-shadow:0 0 24px rgba(255,255,255,.6);}
        .ks-ctrl .tile.on .sw{background:#37e08a;}.ks-ctrl .tile.on .sw::after{transform:translateX(18px);}
        .ks-ctrl .tile.on em{color:#d6e4ff;}
        .ks-ctrl .scenes{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}
        .ks-ctrl .scenes button{flex:1;min-width:120px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:30px;padding:11px 14px;font-weight:700;font-size:14px;cursor:pointer;transition:background .3s,border-color .3s;font-family:inherit;}
        .ks-ctrl .scenes button:hover{background:rgba(255,255,255,.12);border-color:#fff;}
        .ks-ctrl .energy{margin-top:20px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);}
        .ks-ctrl .energy small{color:rgba(255,255,255,.65);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
        .ks-ctrl .bars{display:flex;align-items:flex-end;gap:7px;height:54px;margin-top:10px;}
        .ks-ctrl .bars span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6ea2ff,#1053f3);animation:ksbar 2.8s ease-in-out infinite;transform-origin:bottom;}
        .ks-ctrl .bars span:nth-child(2n){animation-delay:-.6s;}.ks-ctrl .bars span:nth-child(3n){animation-delay:-1.3s;}.ks-ctrl .bars span:nth-child(5n){animation-delay:-2s;}
        @keyframes ksbar{0%,100%{transform:scaleY(.45);}50%{transform:scaleY(1);}}
        .ks-demo-note{text-align:center;margin-top:12px;font-size:12px;color:rgba(255,255,255,.45);}

        .ks-tech{position:relative;height:100%;padding:32px 28px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;transition:transform .4s,background .4s;overflow:hidden;}
        .ks-tech::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ks-a),transparent 0 70%,#6ea2ff 86%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;animation:ksspin 4s linear infinite;opacity:0;transition:opacity .4s;pointer-events:none;}
        .ks-tech:hover{transform:translateY(-8px);background:rgba(255,255,255,.09);}
        .ks-tech:hover::before{opacity:1;}
        @keyframes ksspin{to{--ks-a:360deg;}}
        .ks-tech .ic{position:relative;width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#1053f3,#5b9bff);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:22px;box-shadow:0 18px 34px -14px rgba(16,83,243,.9);}
        .ks-tech .ic::after{content:"";position:absolute;inset:-7px;border-radius:26px;border:1px solid rgba(110,162,255,.55);animation:kspulse 2.6s ease-out infinite;}
        @keyframes kspulse{0%{transform:scale(.92);opacity:.9;}100%{transform:scale(1.35);opacity:0;}}
        .ks-tech h4{color:#fff;font-size:21px;margin:0 0 10px;}
        .ks-tech p{margin:0;color:rgba(255,255,255,.7);line-height:1.7;font-size:15px;}
        .ks-tech .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;}
        .ks-tech .tags span{font-size:12px;font-weight:700;padding:5px 12px;border-radius:30px;background:rgba(110,162,255,.16);color:#bcd3ff;}
        /* 3D smart switch demo on the homepage hero */
        .ks-hero-visual{isolation:isolate}.ks-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(0,8,28,.12));pointer-events:none}
        .ks-live-switch{position:absolute;z-index:8;right:5.5%;top:50%;transform:translateY(-50%);width:clamp(112px,22%,178px);padding:14px 12px;border:1px solid rgba(255,255,255,.5);border-radius:20px;background:linear-gradient(145deg,rgba(13,27,48,.94),rgba(2,8,20,.88));box-shadow:0 22px 45px #0009,inset 0 1px 0 #ffffff40;backdrop-filter:blur(12px);color:#fff;text-align:center}
        .ks-switch-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:#b9c8dc}.ks-switch-label strong{font-size:12px;color:#53e7a4}.ks-switch-button{display:block;width:100%;border:0;background:transparent;padding:10px 0;cursor:pointer;perspective:500px}.ks-switch-track{display:flex;align-items:center;width:100%;height:54px;padding:5px;border-radius:14px;background:linear-gradient(145deg,#101b2d,#050a13);box-shadow:inset 3px 3px 8px #000b,inset -1px -1px 3px #ffffff30,0 5px 12px #0008;transition:all .3s}.ks-switch-knob{display:grid;place-items:center;width:48%;height:100%;border-radius:10px;color:#dce8f8;background:linear-gradient(145deg,#26354b,#0b1422);box-shadow:4px 5px 9px #0009,inset 1px 1px 2px #ffffff35;transform:translateX(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s}.ks-switch-button.is-on .ks-switch-track{background:linear-gradient(145deg,#0b54bd,#031c4a);box-shadow:inset 3px 3px 8px #00102e,inset -1px -1px 4px #65c9ff80,0 0 18px #168bff65}.ks-switch-button.is-on .ks-switch-knob{transform:translateX(100%);background:linear-gradient(145deg,#35b9ff,#0751b7);color:white;box-shadow:0 0 18px #169cff,inset 1px 1px 2px #ffffff90}.ks-live-switch small{display:block;color:#b9c8dc;font-size:9px;line-height:1.4}.ks-switch-button:focus-visible{outline:2px solid #7bc6ff;outline-offset:4px;border-radius:12px}
        @media(max-width:575px){.ks-live-switch{right:4%;top:auto;bottom:5%;transform:none;width:116px;padding:9px}.ks-switch-track{height:42px}.ks-live-switch small{font-size:8px}}
@media(max-width:767px){.ks-ctrl .tiles{gap:10px}.ks-vision{min-height:380px}}
@media (prefers-reduced-motion:reduce){.ks-tech-sec *,.ks-hero-chip,.ks-vision *{animation-duration:.001ms !important;animation-iteration-count:1 !important}}
.tv-hero-section.style-8 .hero-content-left .text{color:#fff !important;text-shadow:0 2px 14px rgba(0,25,110,.7)}

/* v9: animated 3D smart-home panel + hero chip layout */
.ks-home3d{background:#050c26}
.ks-home3d>img.wall{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.ks-home3d::after{background:linear-gradient(180deg,rgba(0,10,50,.25),transparent 25%,transparent 70%,rgba(0,10,50,.55))}
.ks-home3d .house3d{position:absolute;inset:3% 2% 5% 2%;z-index:2}
.ks-home3d .scan{opacity:.35}
.ks-hero-chip.c3{top:18px;left:-20px}
.ks-hero-chip.c1{top:18px;right:6px}
.ks-hero-chip.c2{top:auto;bottom:34px;right:6px}