@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600&display=swap");
:root{--navy:#08243b;--navy2:#0d3857;--gold:#f5aa12;--gold2:#ffc13b;--light:#f5f7f9;--text:#283947;--muted:#647383;--white:#fff;--line:#dce3e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"Open Sans",sans-serif;line-height:1.7}h1,h2,h3,h4,.nav,.btn,.eyebrow,.topbar{font-family:Montserrat,sans-serif}h1,h2,h3,h4,p{margin-top:0}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;color:var(--navy);margin-bottom:20px}.container{width:min(1140px,92%);margin:auto}.topbar{background:var(--navy);color:#dfe9f1;font-size:.72rem}.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-contact{display:flex;gap:18px;flex-wrap:wrap}.top-contact span{white-space:nowrap}.topbar strong{color:var(--gold)}.site-header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #071b3320}.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;height:86px;flex:0 0 auto}.brand img{width:185px;max-height:78px;object-fit:contain;display:block}.nav{display:flex;align-items:center;gap:27px}.nav a{color:var(--navy);text-decoration:none;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em}.nav a:hover,.nav a.active{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:var(--navy);font-size:29px}.hero{min-height:650px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,#061a2de8,#061a2d75),url("engineering.jpg") center/cover}.hero-content{position:relative;color:#fff;max-width:820px}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:800;color:var(--gold);margin-bottom:13px}.eyebrow.dark{color:#b07a08}.hero h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.04;margin:0 0 25px}.hero h1 span{color:var(--gold)}.hero-text{font-size:1.12rem;max-width:720px;color:#edf3f8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;padding:13px 23px;text-decoration:none;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.btn-gold{background:var(--gold);color:var(--navy)}.btn-outline{border:1px solid #fff;color:#fff}.section{padding:88px 0}.light{background:var(--light)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-heading{max-width:700px;margin:0 auto 45px;text-align:center}.section-heading p:last-child{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;padding:30px;border-top:4px solid var(--gold);box-shadow:0 8px 30px #071b3310}.card .icon{font:800 1rem Montserrat;color:var(--gold);margin-bottom:25px}.card h3{color:var(--navy);font-size:1.1rem}.card p{color:var(--muted);font-size:.92rem}.card a,.text-link{color:var(--navy);font-weight:700;text-decoration:none;font-size:.87rem}.energy-banner{background:var(--navy);color:#fff;padding:85px 0}.energy-banner h2{color:#fff}.energy-banner h2 span{color:var(--gold)}.energy-banner p{color:#d7e0e8}.energy-points{display:grid;grid-template-columns:1fr 1fr;gap:16px}.energy-points div{border:1px solid #ffffff25;padding:20px}.energy-points strong,.energy-points span{display:block}.energy-points strong{color:var(--gold);font-family:Montserrat}.energy-points span{font-size:.88rem;color:#d7e0e8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.features h3{font-size:1rem;color:var(--navy)}.features p{font-size:.9rem;color:var(--muted)}.cta{background:var(--navy2);color:#fff;padding:65px 0}.cta h2{color:#fff;margin-bottom:8px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.page-hero{background:linear-gradient(100deg,var(--navy),var(--navy2));padding:100px 0;color:#fff}.page-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;margin-bottom:18px}.page-hero p:last-child{max-width:700px;color:#d9e2eb}.contact-form{background:var(--light);padding:32px}.contact-form label{display:block;font:600 .76rem Montserrat;color:var(--navy);margin-bottom:17px;text-transform:uppercase}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);background:#fff;font:400 .95rem "Open Sans";font-size:16px}.contact-form button{border:0;cursor:pointer}.contact-details strong{font-family:Montserrat;color:var(--navy)}.footer{background:#041625;color:#aebccc;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-logo{width:180px;max-height:80px;object-fit:contain;margin-bottom:15px}.footer h4{color:#fff}.footer a{display:block;color:#aebccc;text-decoration:none;margin:7px 0}.copyright{text-align:center;border-top:1px solid #ffffff12;margin-top:45px;padding:20px;font-size:.8rem}.whatsapp{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#19a85b;color:#fff;text-decoration:none;display:grid;place-items:center;font:800 12px Montserrat;box-shadow:0 5px 20px #0004;z-index:30}
@media(max-width:900px){.topbar-inner{padding:7px 0}.top-contact{gap:8px 15px}.nav{display:none;position:absolute;top:120px;left:0;right:0;background:#fff;padding:20px 4%;flex-direction:column;align-items:flex-start;gap:15px;box-shadow:0 10px 20px #0002}.nav.open{display:flex}.menu-toggle{display:block}.brand img{width:160px}.two-col,.cards,.features,.footer-grid{grid-template-columns:1fr}.hero{min-height:590px}.energy-points{margin-top:20px}.cta-inner{align-items:flex-start;flex-direction:column}.section{padding:65px 0}}
