*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#0a2346;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}p{color:#53657d}.topbar{height:36px;background:#062c61;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;font-size:12px}.top-right{display:flex;gap:24px;align-items:center}.quote-mini{background:#38b936;padding:8px 18px;font-weight:700}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fff;border-bottom:1px solid #e7edf5;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px}.brand img{width:66px;height:48px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:23px;letter-spacing:-.8px;color:#0b2347}.brand b em{font-style:normal;color:#2c9b36}.brand small{font-weight:800;font-size:11px;letter-spacing:1.4px;margin-top:3px}.brand i{font-style:normal;font-size:8px;letter-spacing:2.3px;margin-top:4px;color:#42556e}.header nav{display:flex;gap:24px;font-weight:650;font-size:14px}.header nav a{padding:31px 0 28px;border-bottom:3px solid transparent}.header nav a:hover,.header nav a.active{color:#0878d1;border-bottom-color:#0878d1}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:510px;display:grid;grid-template-columns:48% 52%;background:linear-gradient(110deg,#f7fbff 0%,#eef7ff 48%,#d9ecfa 100%);overflow:hidden}.hero-content{padding:78px 6% 70px 9%}.eyebrow{font-size:12px;letter-spacing:2.6px;font-weight:800;color:#0a70bf;margin-bottom:12px}.hero h1{font-size:58px;line-height:1.03;margin:0 0 20px;letter-spacing:-2px}.hero h1 span{color:#0b77d0}.hero h1 b{color:#26943a}.hero p{font-size:18px;max-width:650px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0;color:#17375f;font-size:13px;font-weight:700}.actions{display:flex;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 24px;font-weight:800;border:1px solid transparent}.btn.blue{background:#087bd3;color:#fff}.btn.green{background:#38b936;color:#fff}.btn.outline{border-color:#0b3a70;background:#fff;color:#0b3a70}.network{position:relative;background:radial-gradient(circle at 55% 50%,#2aa5e7 0,#0d4c87 36%,#062b5c 72%);min-height:510px;overflow:hidden}.city-glow{position:absolute;inset:0;background:linear-gradient(135deg,transparent 25%,rgba(255,255,255,.1) 26%,transparent 27%,transparent 48%,rgba(255,255,255,.09) 49%,transparent 50%),linear-gradient(0deg,rgba(0,0,0,.15),transparent);opacity:.9}.net-title{position:absolute;right:8%;top:28px;color:#fff;font-size:11px;letter-spacing:3px}.node{position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(4,37,79,.55);border:2px solid #68d3ff;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:24px;box-shadow:0 0 25px rgba(58,192,255,.45)}.node small{font-size:11px;text-align:center;line-height:1.2;margin-top:3px}.n1{left:8%;top:23%}.n2{left:44%;top:12%}.n3{right:7%;top:17%}.n4{left:27%;bottom:18%}.n5{left:56%;bottom:10%}.n6{right:5%;bottom:30%}.network-lines{position:absolute;inset:20%;border:1px dashed rgba(99,218,255,.5);border-radius:50%;transform:rotate(22deg)}.section{padding:72px 0}.pale{background:#f3f8fc}.container{width:min(1200px,91%);margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-head h2,.page-hero h1{margin:0;font-size:38px;letter-spacing:-1px}.section-head h2 span,.page-hero h1 span{color:#087bd3}.section-head>a{color:#087bd3;font-weight:800}.cards{display:grid;gap:14px}.cards.eight{grid-template-columns:repeat(8,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e3ebf4;border-radius:12px;padding:22px;box-shadow:0 6px 20px rgba(11,45,80,.05)}.card b{font-size:26px;color:#087bd3}.card h3{font-size:14px;line-height:1.3}.card p{font-size:14px}.feature-grid{display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:14px}.feature{border-radius:14px;min-height:390px;padding:28px;position:relative;overflow:hidden}.feature-green{background:linear-gradient(150deg,#e7f9e8,#fff);border:1px solid #c9edcc}.feature h2{font-size:28px;line-height:1.1}.feature h2 span{color:#087bd3}.feature-green li{margin:9px 0;color:#34516f}.monitoring{color:#fff;background:linear-gradient(145deg,#0c4d8b,#0b84ce)}.monitoring p{color:#d9efff}.sensor-graphic{position:absolute;right:12%;bottom:22px;width:150px;height:210px;border-left:3px solid rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;justify-content:space-around}.sensor-graphic span{background:#fff;color:#0b4e88;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:800}.sensor-graphic i{height:28px;border-left:1px dashed #fff}.control{background:#062c61;color:#fff}.control p{color:#c8dbed}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:35px}.control-grid span{border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:13px;text-align:center}.project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.project-grid article{border:1px solid #e2eaf3;border-radius:10px;overflow:hidden;background:#fff}.project-grid h3,.project-grid p{padding:0 14px}.project-grid h3{font-size:15px;margin-bottom:4px}.project-grid p{font-size:12px}.project-img{height:150px;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}
.project-img:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,30,64,.05),rgba(3,30,64,.48));z-index:0}
.project-img>*{position:relative;z-index:1}
.project-img.river{background-image:url('images/01-rtdas-water-monitoring.jpg')}
.project-img.weather{background-image:url('images/02-weather-monitoring.jpg')}
.project-img.room{background-image:url('images/03-command-control-room.jpg')}
.project-img.data{background-image:url('images/04-data-centre.jpg')}
.project-img.city{background-image:url('images/05-smart-city.jpg')}.project-img:after{content:'';position:absolute;inset:20% 10%;border-radius:50%;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 35px rgba(255,255,255,.05),0 0 0 70px rgba(255,255,255,.04)}.partner-strip{padding-top:50px}.logos{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid #e5ecf3;padding-top:28px}.logos span{font-weight:850;color:#41546c;font-size:20px;letter-spacing:-.5px}.logos.big{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.logos.big span{padding:30px 20px;border:1px solid #e3eaf2;border-radius:12px;text-align:center;background:#fff}.stats{background:#062c61;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 7%;gap:20px}.stats div{text-align:center;border-right:1px solid rgba(255,255,255,.2)}.stats div:last-child{border:0}.stats b{display:block;font-size:22px}.stats span{color:#bcd0e4;font-size:12px}.page-hero{padding:80px 0;background:linear-gradient(120deg,#062c61,#0b5b9d);color:#fff}.page-hero .eyebrow{color:#67d7ff}.page-hero h1{font-size:54px}.page-hero p{color:#d5e5f4;max-width:800px;font-size:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.quote-card{min-height:280px;border-radius:18px;background:linear-gradient(145deg,#062c61,#0a79c9);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:40px;font-size:22px}.quote-card span{color:#58cf61}.solution-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.solution-list article{display:flex;gap:24px;padding:28px;border:1px solid #dfe8f1;border-radius:14px;background:#fff}.solution-list article>span{font-size:28px;font-weight:900;color:#087bd3}.solution-list h2{margin:0}.industry-grid,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry-grid article,.service-grid article{padding:30px;border-radius:15px;background:#fff;border:1px solid #e0e9f2;min-height:210px}.industry-grid b,.service-grid b{color:#0a7ccf;letter-spacing:1px;font-size:12px}.industry-grid h2,.service-grid h2{font-size:22px}.project-list{display:grid;gap:22px}.project-list article{display:grid;grid-template-columns:42% 1fr;gap:30px;padding:18px;border:1px solid #e0e8f0;border-radius:15px;background:#fff;align-items:center}.project-img.large{height:270px;border-radius:10px}.notice{margin-top:30px;padding:25px;border-left:4px solid #38b936;background:#f2f8f4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-card,.contact-form{padding:32px;border:1px solid #e0e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(10,40,70,.06)}.contact-card h3{font-size:16px}.contact-card hr{border:0;border-top:1px solid #e3eaf1;margin:25px 0}.contact-form{display:flex;flex-direction:column;gap:13px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #cfdbe7;border-radius:9px;padding:13px;font:inherit;background:#fbfdff}.hp{display:none!important}.cta-band{background:linear-gradient(100deg,#0b79c9,#062c61);color:#fff;padding:35px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-band div{display:flex;flex-direction:column}.cta-band span{font-size:13px;color:#bfe6fb}.cta-band strong{font-size:22px}footer{background:#061f43;color:#fff}.footer-main{display:grid;grid-template-columns:1.5fr .8fr 1.2fr 1.1fr;gap:35px;padding:55px 6%}.footer-main h4{margin-top:0}.footer-main a{display:block;color:#d4e3f1;margin:7px 0}.footer-main p{color:#b6cadc;font-size:13px}.footer-brand .brand b{color:#fff}.footer-brand .brand i{color:#b6cadc}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 6%;display:flex;justify-content:space-between;font-size:11px;color:#a9bfd3}
@media(max-width:1100px){.header nav{gap:12px}.cards.eight{grid-template-columns:repeat(4,1fr)}.project-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr}.logos.big{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.topbar{height:auto;padding:8px 5%;font-size:10px;gap:10px}.top-right span{display:none}.header{height:72px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:10px 6%;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.12)}.header nav.open{display:flex}.header nav a{padding:10px;border:0}.menu{display:block}.hero{grid-template-columns:1fr}.network{min-height:330px}.hero-content{padding:55px 7%}.hero h1{font-size:42px}.cards.eight,.cards.four,.project-grid,.industry-grid,.service-grid,.solution-list,.contact-grid,.two-col{grid-template-columns:1fr}.project-list article{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:10px}.page-hero h1{font-size:42px}.cta-band{flex-direction:column;align-items:flex-start}.logos{justify-content:center}}