.hero{position:relative;width:100%;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:#0a1628}.hero-carousel-bg{position:absolute;inset:0;z-index:0}.hero-carousel-bg .carousel,.hero-carousel-bg .carousel-inner,.hero-carousel-bg .carousel-item{height:100%}.hero-carousel-bg .carousel-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,rgba(10,14,20,.88) 0,rgba(10,14,20,.8) 25%,rgba(10,14,20,.48) 50%,rgba(10,14,20,.1) 68%,transparent 80%)}.hero-content a,.hero-content button{pointer-events:auto}.hero-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px;align-items:center;list-style:none;margin:0;padding:0}.hero-dots button{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background:rgba(255,255,255,.38);transition:background .3s,transform .3s,width .3s;box-sizing:border-box}.hero-dots button.active{background:var(--cyan);width:22px;border-radius:4px;transform:none}.hero-carousel-bg .carousel-control-next,.hero-carousel-bg .carousel-control-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10!important;width:46px;height:46px;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s,background .3s;cursor:pointer}.hero:hover .hero-carousel-bg .carousel-control-next,.hero:hover .hero-carousel-bg .carousel-control-prev{opacity:1}.hero-carousel-bg .carousel-control-next:hover,.hero-carousel-bg .carousel-control-prev:hover{background:rgba(0,180,216,.55);border-color:var(--cyan)}.hero-carousel-bg .carousel-control-prev{left:20px}.hero-carousel-bg .carousel-control-next{right:20px}.hero-carousel-bg .carousel-control-next-icon,.hero-carousel-bg .carousel-control-prev-icon{width:18px;height:18px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-tag{display:inline-block;background:rgba(41,121,255,.2);border:1px solid rgba(41,121,255,.4);color:var(--cyan-light);padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.hero h1{font-size:clamp(1.7rem, 4vw, 2.8rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px}.hero h1 .accent{color:var(--cyan)}.hero p{font-size:1.1rem;color:rgba(255,255,255,.75);max-width:540px;line-height:1.8;margin-bottom:36px}.btn-hero-primary{background:linear-gradient(135deg,var(--blue-bright),var(--cyan));color:#fff;padding:14px 32px;border-radius:30px;font-family:Kanit,sans-serif;font-weight:600;font-size:1rem;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 8px 30px rgba(41,121,255,.4)}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(41,121,255,.5);color:#fff}.btn-hero-secondary{background:linear-gradient(150deg,var(--blue-bright),var(--cyan));border:1.5px solid rgba(255,255,255,.3);color:#fff;padding:14px 32px;border-radius:30px;font-family:Kanit,sans-serif;font-weight:500;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s;backdrop-filter:blur(10px)}.btn-hero-secondary:hover{color:#fff;transform:translateY(-2px)}.hero-stats{display:flex;gap:36px;margin-top:50px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:left}.stat-num{font-family:Kanit,sans-serif;font-size:2rem;font-weight:800;color:var(--cyan);line-height:1}.stat-label{font-size:.82rem;color:rgba(255,255,255,.6);margin-top:4px}.section-tag{display:inline-block;background:var(--light-bg);color:var(--blue-primary);padding:5px 14px;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:clamp(1.8rem, 3vw, 2.6rem);font-weight:700;color:var(--text-dark);line-height:1.25;margin-bottom:16px}.section-title span{color:var(--blue-primary)}.section-sub{font-size:1rem;color:var(--text-light);line-height:1.8;max-width:560px}#about-detail{padding:100px 0;background:#fff}.about-img-main{border-radius:16px;overflow:hidden;box-shadow:0 16px 48px rgba(26,95,200,.12)}.about-img-main img{width:100%;height:320px;object-fit:cover;display:block}.about-img-main-ph{width:100%;height:320px;background:linear-gradient(135deg,#e8f2fd,#cde0f5);border:1.5px dashed #82b8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.about-img-main-ph i{font-size:2.5rem;color:#82b8e8}.about-img-main-ph span{font-size:11px;color:#5a8ab8}.about-img-sub{border-radius:12px;overflow:hidden;margin-top:14px}.about-img-sub img{width:100%;height:160px;object-fit:cover;display:block}.about-img-sub-ph{width:100%;height:160px;background:linear-gradient(135deg,#e8f2fd,#cde0f5);border:1.5px dashed #82b8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.vision-block{background:var(--off-white);border-left:4px solid var(--blue-primary);border-radius:0 10px 10px 0;padding:16px 20px;margin-bottom:14px}.vision-block h6{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:5px}.vision-block p{font-size:13px;color:var(--text-light);margin:0;line-height:1.7}.isd-row{display:flex;gap:12px;flex-direction:column;margin-top:8px}.isd-item{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid rgba(41,121,255,.1);border-radius:10px;padding:12px 16px}.isd-letter{font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue-primary);line-height:1;min-width:28px}.isd-text h6{font-size:13px;font-weight:700;color:var(--text-dark);margin:0 0 3px}.isd-text p{font-size:12px;color:var(--text-light);margin:0}.stats-band{background:linear-gradient(135deg,var(--blue-dark) 0,var(--blue-mid) 100%);padding:20px 0;position:relative;overflow:hidden}.stats-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(41,121,255,.1) 0,transparent 60%)}.stat-box{text-align:center;position:relative;z-index:1}.stat-box .num{font-family:Kanit,sans-serif;font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-box .label{color:rgba(255,255,255,.65);font-size:.88rem;margin-top:8px}.stat-box .sub{color:rgba(255,255,255,.4);font-size:.78rem}.stat-divider{border-left:1px solid rgba(255,255,255,.1)}#software{padding:100px 0;background:var(--off-white)}.software-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 50px rgba(26,95,200,.08);transition:all .4s;height:100%;border:1px solid rgba(41,121,255,.08)}.software-card:hover{transform:translateY(-10px);box-shadow:0 25px 70px rgba(26,95,200,.15)}.sw-card-header{background:linear-gradient(135deg,var(--blue-primary),var(--blue-bright));padding:40px 36px 30px;position:relative;overflow:hidden}.sw-card-header.cyan-grad{background:linear-gradient(135deg,#0077b6,var(--cyan))}.sw-card-header::before{content:'';position:absolute;top:-30px;right:-30px;width:160px;height:160px;background:rgba(255,255,255,.07);border-radius:50%}.sw-card-header::after{content:'';position:absolute;bottom:-50px;right:30px;width:100px;height:100px;background:rgba(255,255,255,.05);border-radius:50%}.sw-icon{width:56px;height:56px;background:rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;margin-bottom:16px;position:relative;z-index:1}.sw-card-header h3{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:8px;position:relative;z-index:1}.sw-card-header p{color:rgba(255,255,255,.8);font-size:.88rem;margin:0;position:relative;z-index:1}.sw-img-area{height:200px;overflow:hidden;border-bottom:1px solid rgba(41,121,255,.1)}.sw-img-area img{width:100%;height:100%;object-fit:cover;display:block}.sw-img-area .sw-img-ph{width:100%;height:200px;background:linear-gradient(135deg,var(--light-bg),#d0e8ff);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--blue-primary)}.sw-img-area .sw-img-ph i{font-size:2.5rem;opacity:.3}.sw-img-area .sw-img-ph span{font-size:.82rem;font-weight:600}.sw-img{overflow:hidden;border-bottom:1px solid var(--bd)}.sw-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.sw-card:hover .sw-img img{transform:scale(1.05)}.sw-img-ph{width:100%;height:195px;background:var(--off);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--mute)}.sw-card-body{padding:28px 30px 32px}.sw-feature-list{list-style:none;padding:0;margin:0 0 24px}.sw-feature-list li{padding:8px 0;font-size:.9rem;color:var(--text-mid);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--light-bg)}.sw-feature-list li:last-child{border-bottom:none}.sw-feature-list li i{color:var(--cyan);font-size:.85rem}.btn-sw{display:inline-flex;align-items:center;gap:8px;background:var(--light-bg);color:var(--blue-primary);padding:10px 22px;border-radius:20px;font-family:Kanit,sans-serif;font-weight:600;font-size:.88rem;text-decoration:none;transition:all .3s;border:1.5px solid rgba(41,121,255,.15)}.btn-sw:hover{background:var(--blue-primary);color:#fff;border-color:var(--blue-primary)}#iot{padding:100px 0;background:#fff}.iot-card{background:#fff;border-radius:20px;border:1.5px solid var(--light-bg);overflow:hidden;transition:all .4s;box-shadow:0 4px 20px rgba(26,95,200,.05);height:100%}.iot-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(26,95,200,.12);border-color:rgba(41,121,255,.2)}.iot-img-area{min-height:220px;overflow:hidden;position:relative}.iot-img-area img{width:100%;height:100%;object-fit:cover;display:block}.iot-img-area-ph{height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(135deg,var(--blue-mid),var(--blue-primary));position:relative;overflow:hidden}.iot-img-area-ph.v2{background:linear-gradient(135deg,#0077b6,var(--cyan))}.iot-img-area-ph.v3{background:linear-gradient(135deg,#023e8a,var(--blue-bright))}.iot-img-area-ph::after{content:'';position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:rgba(255,255,255,.06);border-radius:50%}.iot-img-area-ph i{font-size:3rem;color:rgba(255,255,255,.4);position:relative;z-index:1}.iot-img-label{font-family:Kanit,sans-serif;color:rgba(255,255,255,.6);font-size:.75rem;font-weight:500;position:relative;z-index:1}.iot-card-body{padding:26px 26px 28px}.iot-badge{display:inline-block;background:var(--light-bg);color:var(--blue-primary);padding:3px 12px;border-radius:12px;font-size:.75rem;font-weight:600;margin-bottom:12px}.iot-card-body h4{font-size:1.15rem;font-weight:700;color:var(--text-dark);margin-bottom:10px}.iot-card-body p{font-size:.88rem;color:var(--text-light);line-height:1.7;margin-bottom:18px}.iot-tags{display:flex;flex-wrap:wrap;gap:6px}.iot-tag{background:var(--off-white);color:var(--text-mid);padding:3px 10px;border-radius:10px;font-size:.75rem;border:1px solid rgba(41,121,255,.1)}#electrical{padding:100px 0;background:var(--off-white)}.elec-img-wrap{border-radius:14px;overflow:hidden}.elec-img-wrap img{width:100%;height:200px;object-fit:cover;display:block}.elec-img-ph{width:100%;height:200px;background:linear-gradient(135deg,#e8f2fd,#cde0f5);border:1.5px dashed #82b8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:14px;position:relative}.elec-img-ph .ph-tag{position:absolute;top:8px;left:8px;background:rgba(18,85,176,.1);border:1px solid rgba(18,85,176,.2);color:var(--blue-primary);font-size:10px;padding:2px 8px;border-radius:4px}.elec-img-ph i{font-size:2.5rem;color:#82b8e8}.elec-img-ph span{font-size:11px;color:#5a8ab8}#portfolio{padding:100px 0;background:#fff}.port-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid rgba(41,121,255,.1);transition:all .3s;box-shadow:0 4px 16px rgba(26,95,200,.06);cursor:pointer}.port-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(26,95,200,.14);border-color:rgba(41,121,255,.25)}.port-img{height:180px;overflow:hidden;position:relative}.port-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block}.port-card:hover .port-img img{transform:scale(1.06)}.port-img-ph{width:100%;height:180px;background:linear-gradient(135deg,#e8f2fd,#cde0f5);border:1.5px dashed #82b8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative}.port-img-ph .ph-tag{position:absolute;top:8px;left:8px;background:rgba(18,85,176,.1);border:1px solid rgba(18,85,176,.2);color:var(--blue-primary);font-size:10px;padding:2px 8px;border-radius:4px}.port-caption{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.85),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:14px;opacity:0;transition:opacity .3s}.port-card:hover .port-caption{opacity:1}.port-caption p{font-family:Kanit,sans-serif;font-size:13px;font-weight:600;color:#fff;margin:0}.port-caption span{font-size:11px;color:var(--cyan-light)}.port-body{padding:14px 18px}.port-body h6{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.port-body span{font-size:12px;color:var(--text-light)}.hp-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;background:rgba(4,9,26,.92);padding:20px}.hp-modal.open{display:flex;animation:hpFadeIn .22s ease}@keyframes hpFadeIn{from{opacity:0}to{opacity:1}}.hp-modal-inner{position:relative;max-width:860px;width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.5)}.hp-modal-img{position:relative;height:80vh;max-height:88vh}.hp-modal-img img{width:100%;height:100%;object-fit:cover;display:block}.hp-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.55);border:none;cursor:pointer;color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.hp-modal-close:hover{background:rgba(0,0,0,.8)}.hp-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.15);border:none;cursor:pointer;color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.hp-modal-nav:hover{background:rgba(255,255,255,.3)}.hp-modal-prev{left:10px}.hp-modal-next{right:10px}@media(max-width:660px){.hp-modal-img{height:60vh;max-height:60vh}}.why-card{background:var(--wh);border:1.5px solid var(--bd);border-radius:18px;padding:28px 24px;transition:all .3s;height:100%;position:relative;overflow:hidden}.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c),var(--c2))}.why-card:hover{transform:translateY(-6px);box-shadow:0 14px 44px rgba(14,165,233,.12);border-color:rgba(14,165,233,.3)}.why-ico{width:48px;height:48px;background:var(--c3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--c);font-size:1.2rem;margin-bottom:16px}.why-card h5{font-size:.95rem;font-weight:700;color:var(--txt);margin-bottom:8px}.stag{display:inline-block;background:var(--c3);color:var(--c);border:1px solid rgba(14,165,233,.2);padding:4px 14px;border-radius:20px;font-size:.74rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px}.stitle{font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:700;color:var(--txt);line-height:1.22;margin-bottom:14px}.stitle span{color:var(--c)}.ssub{font-size:.95rem;color:var(--mute);line-height:1.85;max-width:540px}.gline{width:52px;height:4px;background:linear-gradient(90deg,var(--c),var(--c2));border-radius:3px;margin-bottom:22px}.dot-bg{background-image:radial-gradient(var(--c3) 1.2px,transparent 1.2px);background-size:22px 22px}.breadcrumb-section{padding:18px 0;position:relative;overflow:hidden}.breadcrumb-section::before{content:'';position:absolute;inset:0;background-size:40px 40px;pointer-events:none}.breadcrumb-section::after{content:'';position:absolute;right:-60px;top:-40px;width:220px;height:220px;border-radius:50%;pointer-events:none}.breadcrumb-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.bc-list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;background:#cce0ff;border:1px solid #3385ff;border-radius:30px;padding:5px 14px}.bc-list li{display:flex;align-items:center;font-size:.82rem;color:rgba(255,255,255,.5)}.bc-list li+li::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.25);margin:0 8px;flex-shrink:0}.bc-list li a{color:rgba(255,255,255,.6);text-decoration:none;display:flex;align-items:center;gap:5px;transition:color .2s;font-weight:500}.bc-list li a:hover{color:var(--cyan,#00b4d8)}.bc-list li a svg{flex-shrink:0}.bc-list li.active{color:#003d99;font-weight:600}.bc-list li.active::before{background:#003d99}.testi-card{background:var(--wh);border:1.5px solid var(--bd);border-radius:18px;padding:26px 24px;height:100%;transition:all .3s;position:relative}.testi-card:hover{border-color:rgba(14,165,233,.3);box-shadow:0 10px 36px rgba(14,165,233,.08)}.testi-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:4rem;font-family:Georgia,serif;color:var(--c3);line-height:1}.testi-stars{color:#f59e0b;font-size:.8rem;margin-bottom:12px}.testi-card p{font-size:.88rem;color:var(--mid);line-height:1.82;margin-bottom:16px}.testi-name{font-family:Kanit,sans-serif;font-weight:700;font-size:.85rem;color:var(--txt)}.testi-role{font-size:.78rem;color:var(--mute)}.partner-strip{background:var(--off);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:28px 0;overflow:hidden}.partner-scroll{display:flex;gap:48px;align-items:center;animation:scroll 22s linear infinite;width:max-content}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.partner-scroll:hover{animation-play-state:paused}.partner-name{font-family:Kanit,sans-serif;font-weight:700;font-size:.9rem;color:var(--mute);white-space:nowrap;padding:8px 20px;background:var(--wh);border:1px solid var(--bd);border-radius:30px;transition:all .3s;cursor:default}.partner-name:hover{color:var(--c);border-color:var(--c);background:var(--c4)}.testi-card{background:var(--wh);border:1.5px solid var(--bd);border-radius:18px;padding:26px 24px;height:100%;transition:all .3s;position:relative}.testi-card:hover{border-color:rgba(14,165,233,.3);box-shadow:0 10px 36px rgba(14,165,233,.08)}.testi-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:4rem;font-family:Georgia,serif;color:var(--c3);line-height:1}.testi-stars{color:#f59e0b;font-size:.8rem;margin-bottom:12px}.testi-card p{font-size:.88rem;color:var(--mid);line-height:1.82;margin-bottom:16px}.testi-name{font-family:Kanit,sans-serif;font-weight:700;font-size:.85rem;color:var(--txt)}.testi-role{font-size:.78rem;color:var(--mute)}.img-ovl-card{position:relative;border-radius:20px;overflow:hidden;height:400px;transition:transform .35s,box-shadow .35s;box-shadow:0 8px 32px rgba(0,0,0,.2);display:block}.img-ovl-card:hover{transform:translateY(-8px);box-shadow:0 22px 60px rgba(0,0,0,.32)}.img-ovl-card img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s}.img-ovl-card:hover img.bg{transform:scale(1.07)}.img-ovl-card .ovl{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,12,30,.95) 0,rgba(3,12,30,.6) 45%,rgba(3,12,30,.12) 100%);transition:background .35s}.img-ovl-card:hover .ovl{background:linear-gradient(to top,rgba(3,12,30,.98) 0,rgba(3,12,30,.7) 50%,rgba(3,12,30,.2) 100%)}.img-ovl-card .body{position:absolute;bottom:0;left:0;right:0;padding:30px 26px;z-index:2}.img-ovl-card .ovl-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,180,216,.2);border:1px solid rgba(0,180,216,.45);color:#48cae4;padding:4px 14px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:10px}.img-ovl-card h4{color:#fff;font-size:1.15rem;font-weight:700;margin-bottom:8px;line-height:1.35}.img-ovl-card p{color:rgba(255,255,255,.72);font-size:.85rem;line-height:1.65;margin-bottom:14px}.img-ovl-card .ovl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.img-ovl-card .ovl-tag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.82);padding:3px 10px;border-radius:10px;font-size:.72rem}.img-ovl-card .ovl-link{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);font-size:.85rem;font-weight:700;text-decoration:none;transition:gap .25s,color .25s}.img-ovl-card .ovl-link:hover{gap:10px;color:#90e0ef}.why-img-card{position:relative;border-radius:20px;overflow:hidden;height:290px;transition:transform .35s,box-shadow .35s;box-shadow:0 6px 24px rgba(0,0,0,.16)}.why-img-card:hover{transform:translateY(-7px);box-shadow:0 18px 52px rgba(0,0,0,.28)}.why-img-card img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s}.why-img-card:hover img.bg{transform:scale(1.08)}.why-img-card .ovl{position:absolute;inset:0;background:linear-gradient(to top,rgba(2,20,55,.94) 0,rgba(5,20,55,.65) 48%,rgba(5,20,55,.28) 100%)}.why-img-card .body{position:absolute;bottom:0;left:0;right:0;padding:24px 22px;z-index:2}.why-img-card .w-ico{width:42px;height:42px;background:rgba(14,165,233,.22);border:1px solid rgba(14,165,233,.45);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#48cae4;font-size:1.1rem;margin-bottom:10px}.why-img-card h5{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:6px}.why-img-card p{color:rgba(255,255,255,.72);font-size:.82rem;line-height:1.6;margin:0}.elec-hero{position:relative;width:100%;min-height:500px;display:flex;align-items:center;overflow:hidden;background:#030d1e}.elec-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5}.elec-hero .ovl{position:absolute;inset:0;background:linear-gradient(105deg,rgba(3,10,30,.9) 0,rgba(3,10,30,.62) 55%,rgba(3,10,30,.28) 100%)}.elec-hero .content{position:relative;z-index:2}.elec-etag{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.88);padding:4px 12px;border-radius:13px;font-size:.75rem;font-weight:600;margin:3px 3px 3px 0}.iot-dark-bg{background:#060f1e}:root{--blue-dark:#0a1628;--blue-mid:#0d2b5e;--blue-primary:#1a5fc8;--blue-bright:#2979ff;--cyan:#00b4d8;--cyan-light:#48cae4;--sky:#90e0ef;--white:#ffffff;--off-white:#f0f6ff;--light-bg:#e8f4ff;--text-dark:#0a1628;--text-mid:#2d4a7a;--text-light:#6b8cba;--c:#0ea5e9;--c2:#38bdf8;--c3:#e0f2fe;--c4:#f0f9ff;--blk:#0f172a;--drk:#1e293b;--mid:#475569;--mute:#94a3b8;--bd:#e2e8f0;--off:#f8fafc;--wh:#ffffff;--txt:#0f172a;--a-dark:#04091a;--a-navy:#0a1628;--a-blue:#1a5fc8;--a-blue2:#2979ff}.navbar{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(41,121,255,.1);padding:1px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 30px rgba(26,95,200,.08)}.navbar-brand{font-family:Kanit,sans-serif;font-weight:800;font-size:1.4rem;color:var(--blue-primary)!important;letter-spacing:-.5px}.navbar-brand span{color:var(--cyan)}.nav-link{font-family:Kanit,sans-serif;font-weight:500;font-size:1.1rem;color:var(--text-mid)!important;padding:8px 14px!important;border-radius:8px;transition:all .3s}.nav-link:hover{background:var(--light-bg);color:var(--blue-primary)!important}.nav-link.active{color:var(--blue-bright)!important;font-weight:700}.navbar-nav .nav-link:focus,.navbar-nav .nav-link:focus-visible,.navbar-nav .dropdown-toggle:focus,.navbar-nav .dropdown-toggle:focus-visible,.navbar-nav .dropdown-toggle[aria-expanded="true"]{outline:none;box-shadow:none;background:transparent}.btn-nav{background:linear-gradient(135deg,var(--blue-primary),var(--cyan));color:#fff!important;border-radius:25px;padding:8px 22px!important;font-weight:600}.btn-nav:hover{box-shadow:0 6px 20px rgba(41,121,255,.4);transform:translateY(-1px)}@media (max-width:991.98px){.navbar-nav .dropdown-menu{position:static;float:none;box-shadow:none;border:none;background:transparent;padding-left:12px;min-width:0}.navbar-nav .nav-link{text-align:center}}footer{background:#f2f2f2;padding:10px 0 0}.footer-brand{font-family:Kanit,sans-serif;font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:12px}.footer-brand span{color:var(--cyan)}.footer-desc{font-size:.85rem;line-height:1.8;color:#2d4a7a;max-width:280px;margin-bottom:0}.footer-contact-text{font-size:.85rem;line-height:1.8;color:#2d4a7a;margin:0}.footer-contact-text a{color:#2d4a7a;text-decoration:none}.footer-contact-text a:hover{color:var(--cyan)}.footer-title{font-family:Kanit,sans-serif;font-weight:600;color:#2d4a7a;margin-bottom:8px;font-size:.9rem;letter-spacing:.5px}.footer-col-offset{margin-top:80px}@media (max-width:767.98px){.footer-col-offset{margin-top:40px}}.footer-link{display:block;color:#2d4a7a;font-size:.84rem;text-decoration:none;padding:4px 0;transition:color .3s}.footer-link:hover{color:var(--cyan)}.footer-bottom-bar{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;margin-top:40px;position:relative}.footer-copyright{font-size:.9rem;margin:0}@media (min-width:768px){.footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}}.social-btn{width:36px;height:36px;background:#b5c7e3;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);text-decoration:none;transition:all .3s;font-size:.9rem;margin-right:8px}.social-btn:hover{background:var(--blue-primary);color:#fff}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translateX(0)}.delay-1{transition-delay:0.1s}.delay-2{transition-delay:0.2s}.delay-3{transition-delay:0.3s}.delay-4{transition-delay:0.4s}.glow-line{width:60px;height:4px;background:linear-gradient(90deg,var(--blue-primary),var(--cyan));border-radius:2px;margin-bottom:24px}.bg-dots{background-image:radial-gradient(rgba(41,121,255,.08) 1px,transparent 1px);background-size:24px 24px}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.4);font-size:.75rem;text-decoration:none}.counter{font-variant-numeric:tabular-nums}@media (max-width:768px){.hero{min-height:auto;padding:60px 0}.hero-stats{flex-wrap:wrap;gap:20px}.stat-divider{display:none}.contact-card{padding:28px 20px}}.lang-switcher{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1.5px solid #80b3ff;border-radius:20px;transition:border-color .2s}.lang-switcher:hover{border-color:#003d99}.lang-switcher a{font-size:12px;font-weight:700;color:#a5bdeb!important;text-decoration:none;letter-spacing:.5px;transition:color .2s}.lang-switcher a.active-lang,.lang-switcher a:hover{color:#0000b3!important;text-decoration:underline}.lang-sep{color:#475569;font-size:11px}.etag{display:inline-block;background:rgba(14,165,233,.14);border:1px solid rgba(14,165,233,.3);color:var(--c2);padding:4px 12px;border-radius:13px;font-size:.75rem;font-weight:600;margin:3px 3px 3px 0}.contact-card{background:#fff;border-radius:24px;padding:50px 44px;box-shadow:0 10px 50px rgba(26,95,200,.08);border:1px solid rgba(41,121,255,.08)}.form-control,.form-select{border:1.5px solid #dce8f8;border-radius:10px;padding:12px 16px;font-family:Sarabun,sans-serif;font-size:.9rem;transition:all .3s}.form-control:focus,.form-select:focus{border-color:var(--blue-primary);box-shadow:0 0 0 3px rgba(26,95,200,.08)}.form-label{font-weight:600;font-size:.88rem;color:var(--text-mid);margin-bottom:6px}.btn-submit{background:linear-gradient(135deg,var(--blue-primary),var(--cyan));color:#fff;padding:14px 40px;border-radius:25px;font-family:Kanit,sans-serif;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s;width:100%}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(41,121,255,.35)}.contact-info-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--light-bg)}.contact-info-item:last-of-type{border-bottom:none}.contact-icon{width:42px;height:42px;background:var(--light-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--blue-primary);font-size:1rem;flex-shrink:0}.contact-info-item h6{font-size:.85rem;font-weight:700;color:var(--text-dark);margin:0 0 3px}.contact-info-item p{font-size:.88rem;color:var(--text-light);margin:0}.abt-cta{background:var(--a-off2);border-top:1px solid var(--a-bd);padding:96px 0}.abt-cta h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;color:var(--a-txt);margin-bottom:14px}.abt-cta h2 span{color:var(--a-blue)}.abt-cta p{color:var(--a-mute);font-size:.98rem;line-height:1.8;margin-bottom:32px}.abtn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--a-blue);color:#fff;padding:13px 28px;border-radius:10px;font-size:.92rem;font-weight:700;text-decoration:none;border:2px solid var(--a-blue);transition:all .3s}.abtn-primary:hover{background:var(--a-blue2);border-color:var(--a-blue2);color:#fff;transform:translateY(-2px)}.abtn-outline{display:inline-flex;align-items:center;gap:8px;background:0 0;color:var(--a-blue);padding:13px 28px;border-radius:10px;font-size:.92rem;font-weight:700;text-decoration:none;border:2px solid rgba(26,95,200,.25);transition:all .3s}.abtn-outline:hover{border-color:var(--a-blue);background:rgba(26,95,200,.06);color:var(--a-blue);transform:translateY(-2px)}.line-float-btn{position:fixed;bottom:28px;right:28px;width:60px;height:60px;background:#06c755;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(6,199,85,.4);z-index:1100;text-decoration:none;transition:transform .3s,box-shadow .3s}.line-float-btn i{color:#fff;font-size:28px;position:relative;z-index:1}.line-float-btn:hover{transform:scale(1.08);box-shadow:0 8px 26px rgba(6,199,85,.55)}@media (max-width:768px){.line-float-btn{width:52px;height:52px;bottom:18px;right:18px}.line-float-btn i{font-size:24px}}.isd-why-row .isd-why-item{text-align:center;padding:24px 28px}@media (max-width:575.98px){.isd-why-row .isd-why-item{border-top:1px solid #d0dff5}.isd-why-row .isd-why-item:first-child{border-top:none}}@media (min-width:576px) and (max-width:767.98px){.isd-why-row .isd-why-item:nth-child(odd){border-right:1px solid #d0dff5}.isd-why-row .isd-why-item:nth-child(n+3){border-top:1px solid #d0dff5}.isd-why-row .isd-why-item:nth-child(5){border-right:none}}@media (min-width:768px) and (max-width:1199.98px){.isd-why-row .isd-why-item:nth-child(3n+1),.isd-why-row .isd-why-item:nth-child(3n+2){border-right:1px solid #d0dff5}.isd-why-row .isd-why-item:nth-child(3n){border-right:none}.isd-why-row .isd-why-item:nth-child(n+4){border-top:1px solid #d0dff5}.isd-why-row .isd-why-item:nth-child(5){border-right:none}}@media (min-width:1200px){.isd-why-row .isd-why-item{border-right:1px solid #d0dff5}.isd-why-row .isd-why-item:last-child{border-right:none}}