*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#0b2343;background:#f6f8fb;line-height:1.65}.top{height:38px;background:#071c36;color:#dce5ef;padding:0 5%;display:flex;justify-content:space-between;align-items:center;font-size:10px}.top a{color:#fff;text-decoration:none;margin-left:22px}.header{height:82px;background:#fff;display:flex;align-items:center;gap:22px;padding:0 5%;position:sticky;top:0;z-index:50;box-shadow:0 5px 20px #071c3612}.brand{display:flex;align-items:center;text-decoration:none;color:#0b2343;margin-right:auto}.brand img{width:76px;height:70px;object-fit:contain}.brand b{display:block;font-size:15px;font-weight:800}.brand strong{display:block;font-size:10px}.brand small{display:block;font-size:8px;color:#d09d2e;letter-spacing:1.4px;font-weight:800}.header nav{display:flex;gap:21px}.header nav a{font-size:10px;font-weight:800;color:#0b2343;text-decoration:none}.header nav a:hover{color:#d09d2e}.quote{background:#e1ab40;color:#071b34;text-decoration:none;padding:13px 18px;font-size:10px;font-weight:900}.menu{display:none;background:none;border:0;font-size:25px}.hero{min-height:650px;background:#061a33;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;color:#fff}.hero-copy{padding:90px 8%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;color:#d8a53b;letter-spacing:2.5px;font-weight:900}.hero h1{font-family:Montserrat;font-size:clamp(50px,6vw,82px);line-height:.99;letter-spacing:-2.5px;margin:18px 0}.hero h1 span{color:#e1ab40}.hero h2{font-family:Montserrat;font-size:20px;line-height:1.25;margin:0 0 12px}.hero p{color:#c1cedc;max-width:600px;font-size:15px}.actions{display:flex;gap:12px;margin-top:28px}.btn{padding:14px 21px;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1px}.gold{background:#e1ab40;color:#061a33}.line{border:1px solid #ffffff66;color:#fff}.hero-image{min-height:650px;overflow:hidden;position:relative}.hero-image:after{content:"WATERPROOFING";position:absolute;left:25px;bottom:25px;background:#061a33d9;color:#e1ab40;padding:10px 15px;font-size:10px;font-weight:900;letter-spacing:2px}.hero-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}.section{padding:95px 8%}.intro{background:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:25px;align-items:start}.section h2{font-family:Montserrat;font-size:clamp(35px,4.5vw,60px);line-height:1.06;letter-spacing:-1.5px;margin:8px 0}.section h2 span{color:#d09d2e}.copy{color:#637287;font-size:15px}.dark{background:#061a33;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-head>p{max-width:390px;color:#adbdcf;font-size:14px}.arabic{color:#d8a53b;font-size:18px;font-weight:700;margin-top:8px}.water-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px}.water-image{min-height:430px;overflow:hidden}.water-image img{width:100%;height:100%;object-fit:cover;display:block}.water-content{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#29425f}.item{padding:25px;background:#071e39}.item b{color:#d8a53b;font-size:11px;letter-spacing:1px}.item p{color:#adbdcf;font-size:12px}.benefits{background:#f4f6f9}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.benefit-grid article{background:#fff;border:1px solid #dce3eb;padding:28px;min-height:230px;box-shadow:0 10px 30px #071c3609}.benefit-grid b{font-family:Montserrat;color:#d09d2e;font-size:14px}.benefit-grid h3{font-family:Montserrat;font-size:18px}.benefit-grid p{color:#657489;font-size:12px}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce3eb;margin-top:55px}.steps div{background:#f7f9fb;padding:28px;min-height:190px}.steps b{color:#d09d2e;font-size:12px}.steps span,.steps small{display:block}.steps span{font-family:Montserrat;font-size:17px;margin-top:40px}.steps small{font-size:11px;color:#69788b;margin-top:8px}.team p{color:#adbdcf}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#29425f;margin-top:45px}.people a{background:#071e39;color:#fff;text-decoration:none;padding:25px}.people a:hover{background:#0d2d51}.people small,.people b,.people span{display:block}.people small{color:#d8a53b;font-size:8px;letter-spacing:1.5px}.people b{font-family:Montserrat;font-size:17px}.people span{color:#adbdcf;font-size:12px}.contact{background:#fff}.contact-box{margin-top:30px;background:linear-gradient(120deg,#061a33,#0d365c);color:#fff;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact-box p{color:#b9c7d6}.contact-links{display:grid;gap:10px}.contact-links a,.contact-links div{background:#ffffff0b;border:1px solid #ffffff18;padding:16px;color:#fff;text-decoration:none;font-size:12px}.contact-links a:first-child{color:#e1ab40;font-weight:800}footer{background:#031225;color:#b8c5d5;padding:38px 8%;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px}.fbrand{display:flex;align-items:center;gap:13px}.fbrand img{width:60px;height:60px;object-fit:contain}.fbrand b{display:block;color:#d8a53b}.fbrand span{font-size:8px;color:#fff}.footer-tag{color:#d8a53b}@media(max-width:1050px){.header nav{display:none}.menu{display:block}.header.open nav{display:flex;position:absolute;left:0;right:0;top:82px;background:#fff;flex-direction:column;padding:22px 8%;gap:18px}.quote{display:none}.hero{grid-template-columns:1fr}.hero-image{min-height:450px}.hero-copy{padding:75px 7%}.service-grid{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.people{grid-template-columns:1fr}.contact-box{grid-template-columns:1fr}}@media(max-width:620px){.top{font-size:8px}.top div:last-child a{margin-left:8px}.header{height:76px;padding:0 5%}.brand img{width:55px;height:55px}.brand b{font-size:10px}.brand strong{font-size:7px}.brand small{font-size:6px}.hero-copy{padding:65px 6%}.hero h1{font-size:43px}.hero h2{font-size:17px}.hero-image{min-height:360px}.section{padding:70px 6%}.grid2,.water-grid{grid-template-columns:1fr}.water-content{grid-template-columns:1fr}.benefit-grid,.steps{grid-template-columns:1fr}.contact-box{padding:30px}.actions{flex-direction:column;width:210px}footer{flex-direction:column;align-items:flex-start}}

/* Complete Services & Portfolio */
.services-section{background:#fff}.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-list article{min-height:235px;padding:25px;background:#f8fafc;border:1px solid #dce3eb;box-shadow:0 8px 25px #071c3608;transition:.25s}.service-list article:hover{transform:translateY(-5px);border-top:3px solid #d09d2e;box-shadow:0 16px 35px #071c3615}.service-list article>b{color:#d09d2e;font-family:Montserrat;font-size:12px}.service-list h3{font-family:Montserrat;font-size:17px;line-height:1.2;margin:38px 0 3px;color:#0b2343}.service-list p{margin:0;color:#c18d27;font-weight:800;font-size:11px}.service-list span{display:block;color:#68778b;font-size:11px;margin-top:12px;line-height:1.55}.portfolio{background:#f3f6f9}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 20px}.filters button{border:1px solid #ccd5df;background:#fff;padding:10px 16px;color:#526174;font-size:10px;font-weight:800;cursor:pointer}.filters button.active,.filters button:hover{background:#d09d2e;border-color:#d09d2e;color:#071a33}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portfolio-grid article{min-height:230px;padding:25px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#08284a,#1d638a);color:#fff;position:relative;overflow:hidden}.portfolio-grid article:nth-child(2){background:linear-gradient(145deg,#102f51,#c4932d)}.portfolio-grid article:nth-child(3){background:linear-gradient(145deg,#061b34,#315e7c)}.portfolio-grid article:nth-child(4){background:linear-gradient(145deg,#b27f21,#092c4f)}.portfolio-grid article:after{content:'MIC';position:absolute;right:-12px;top:-20px;font:800 90px Montserrat;color:#ffffff10}.portfolio-grid b,.portfolio-grid span{position:relative;z-index:2}.portfolio-grid b{font:700 16px Montserrat}.portfolio-grid span{font-size:10px;color:#d8e3ed;margin-top:5px}
@media(max-width:1050px){.service-list{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.service-list,.portfolio-grid{grid-template-columns:1fr}.filters{gap:6px}.filters button{padding:9px 11px}}