*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#183653;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{background:#06264f;color:#fff;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 5%;font-size:12px}.topbar a:hover{color:#ffd52b}.tagline{font-style:italic;color:#ffe16a}.header{padding:17px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{height:60px;width:60px;display:grid;place-items:center;border-radius:15px;background:#e7f3ff;color:#07509a;border:2px solid #c4ddf8;font-weight:900;font-size:30px}.brand-mark span{color:#f21d38}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-size:30px;color:#07509a;letter-spacing:.7px}.brand-text b{font-size:18px;color:#f21d38}.brand-text small{font-size:17px;font-weight:bold;color:#07509a}.brand-text em{font-size:10px;font-style:normal;margin-top:5px}.header-note{color:#07509a;font-size:13px;font-weight:bold;text-align:right}.header-note span{color:#f21d38}.nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background:#07509a;color:white;padding:0 4%}.nav a{padding:14px 17px;font-size:13px;font-weight:bold}.nav a:hover,.nav a.active{background:#ffd52b;color:#06264f}.nav .nav-cta{margin:6px 0 6px auto;padding:10px 17px;border-radius:7px;background:#f21d38;color:white}.menu-toggle{display:none;width:100%;border:0;background:#07509a;color:#fff;text-align:left;padding:12px 6%;font-size:16px}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:35px;align-items:center;min-height:420px;padding:50px 7%;background:linear-gradient(115deg,#052e62,#0862ad);color:#fff;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#f21d38;margin:0 0 8px}.hero .eyebrow{color:#ffd52b}.hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.05;margin:10px 0 18px}.hero h1 span{color:#ffd52b}.hero-intro{font-size:17px;max-width:580px;color:#e7f3ff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.button{display:inline-block;border:0;border-radius:7px;padding:12px 18px;font-size:14px;font-weight:800;cursor:pointer}.button-yellow{background:#ffd52b;color:#06264f}.button-red{background:#f21d38;color:white}.button-blue{background:#07509a;color:white}.button-outline{border:1px solid #fff;color:white}.button:hover{filter:brightness(.96);transform:translateY(-1px)}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#dcecff}.hero-visual{position:relative;min-height:275px;border-radius:20px;overflow:hidden;border:1px solid #ffffff80;background:linear-gradient(#78caff 0%,#eaf9ff 55%,#78bd70 56%,#287c4b 100%);box-shadow:0 20px 45px #001d3b55}.sun{position:absolute;right:16%;top:12%;width:72px;height:72px;border-radius:50%;background:#fff0a3;box-shadow:0 0 50px #fff8b0}.cloud{position:absolute;width:85px;height:25px;border-radius:30px;background:#ffffffb8;top:27%;left:12%}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;width:36px;height:36px;top:-15px;left:15px}.cloud:after{left:42px;top:-9px;width:29px;height:29px}.cloud-two{top:15%;left:48%;transform:scale(.7)}.panel-roof{position:absolute;left:8%;right:6%;bottom:17%;height:43%;transform:skewY(-10deg);border:5px solid #d7efff;background:#1260a0;box-shadow:0 12px 0 #164c77;overflow:hidden}.panel-grid{height:100%;background:repeating-linear-gradient(90deg,transparent 0 45px,#c2e6ff 46px 48px),repeating-linear-gradient(0deg,transparent 0 25px,#c2e6ff 26px 28px),linear-gradient(135deg,#064078,#3b9ddd)}.visual-caption{position:absolute;bottom:12px;left:14px;background:white;color:#07509a;padding:7px 12px;border-radius:7px;font-size:12px;font-weight:bold}.floating-chip{position:absolute;right:10px;bottom:12px;background:#ffd52b;color:#06264f;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:bold}.section{padding:62px 5%}.services,.why{background:#f2f8ff}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2{font-size:clamp(27px,3vw,38px);color:#07509a;margin:4px 0}.section-heading>p:last-child{color:#5c7188;margin:0}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.service-card{background:#fff;border:1px solid #d5e7f8;border-radius:13px;padding:20px 17px;box-shadow:0 8px 22px #063e7810;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #063e7820}.service-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:#e2f0ff;margin-bottom:13px}.water-icon{background:#e0f8e7}.bolt-icon{background:#fff0dc}.meter-icon{background:#f1e4ff}.computer-icon{background:#ffe6eb}.service-card h3{font-size:16px;line-height:1.3;color:#07509a;margin:0 0 8px}.service-card p{font-size:13px;color:#536a84;margin:0 0 15px}.service-link{font-size:12px;color:#f21d38;font-weight:800}.service-link span{font-size:17px}.about{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-art{min-height:300px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(#a5dcff,#eaf8ff 58%,#85c66d 59%,#2f8a4e);padding:25px}.about-sun{position:absolute;right:15%;top:12%;font-size:58px;color:#ffbf20}.about-panels{position:absolute;left:9%;right:9%;top:35%;height:36%;transform:skewY(-9deg);border:5px solid #e0f2ff;background:repeating-linear-gradient(90deg,transparent 0 48px,#c2e6ff 49px 51px),repeating-linear-gradient(0deg,transparent 0 26px,#c2e6ff 27px 29px),linear-gradient(135deg,#073a74,#3898d4)}.about-label{position:absolute;bottom:14px;left:14px;background:#fff;padding:10px 16px;border-radius:9px;color:#07509a}.about-label strong{font-size:19px}.about-copy h2{font-size:35px;color:#07509a;margin:0 0 12px}.about-copy p{color:#536a84}.check-list{padding:0;list-style:none;margin:18px 0}.check-list li{padding:6px 0}.check-list li:before{content:"✓";display:inline-grid;place-items:center;background:#dff8e8;color:#128b45;width:22px;height:22px;border-radius:50%;margin-right:10px;font-weight:bold}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.why-card{background:#fff;border:1px solid #dbeaf8;border-radius:12px;padding:22px}.why-card>span{font-size:28px;display:block;margin-bottom:8px}.why-card strong{display:block;color:#07509a}.why-card p{font-size:13px;color:#5c7188;margin-bottom:0}.contact-section{background:linear-gradient(120deg,#062d5e,#0756a1);color:white}.section-contact{padding-top:60px;padding-bottom:60px}.light h2,.light>p:last-child{color:white}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.contact-info,.enquiry-box{padding:25px;border:1px solid #ffffff44;border-radius:15px;background:#ffffff0d}.contact-info h3,.enquiry-box h3{margin-top:0}.contact-row{display:flex;gap:12px;margin:15px 0;align-items:flex-start;overflow-wrap:anywhere}.contact-row>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;background:#ffffff20;border-radius:50%;color:#ffd52b}.contact-row small{display:block;color:#ffd52b;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}.contact-row a:hover{text-decoration:underline}.form-help{font-size:12px;color:#dbeaff}.enquiry-box form{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.enquiry-box label{display:grid;gap:5px;font-size:12px;font-weight:bold}.enquiry-box input,.enquiry-box select,.enquiry-box textarea{width:100%;padding:12px;border:1px solid #d5e3f3;border-radius:7px;font:inherit;color:#173658}.enquiry-box textarea{resize:vertical}.enquiry-box button{justify-self:start}.form-status{font-size:12px;color:#ffeb9a}.footer{background:#031f43;color:#dbeaff;padding:23px 5%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px}.footer strong,.footer small{display:block}.footer strong{color:white;font-size:13px}.footer small{margin-top:4px}.footer a:hover{color:#ffd52b}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:10;background:#16a34a;color:white;padding:12px 17px;border-radius:999px;box-shadow:0 6px 20px #0003;font-size:13px;font-weight:bold}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav a{padding:12px}.header-note{display:none}}
@media(max-width:720px){.topbar{justify-content:center}.header{padding:14px 5%}.brand-mark{width:48px;height:48px;font-size:24px}.brand-text strong{font-size:24px}.brand-text b{font-size:15px}.brand-text small{font-size:14px}.brand-text em{max-width:250px;font-size:9px}.menu-toggle{display:block}.nav{display:none;align-items:stretch;flex-direction:column;padding:0}.nav.open{display:flex}.nav a{padding:12px 6%}.nav .nav-cta{margin:7px 5%;text-align:center}.hero{grid-template-columns:1fr;padding:38px 6%;gap:25px}.hero-visual{min-height:230px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about{grid-template-columns:1fr;gap:25px}.about-art{min-height:240px}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
@media(max-width:440px){.service-grid,.why-grid{grid-template-columns:1fr}.hero h1{font-size:35px}.section{padding:45px 5%}.brand-text em{max-width:210px}.tagline{display:none}.whatsapp-float{right:10px;bottom:10px}}