@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#08253b;--deep:#071a2c;--blue:#076baf;--sky:#10a6e6;--gold:#ffbf1f;--ink:#13283a;--muted:#647787;--line:#e3eaf0;--paper:#f5f8fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font-family:'Cairo',sans-serif;line-height:1.8}body.en{font-family:'Manrope',sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 42px));margin:auto}.topbar{background:#061a2b;color:#c7dbe9;font-size:12px}.topbar .container{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:37px}.topbar a:hover{color:white}.topbar .quick{display:flex;gap:23px;flex-wrap:wrap}.topbar .location{opacity:.75}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);box-shadow:0 2px 20px #0a283d11}.header-content{display:flex;align-items:center;justify-content:space-between;gap:26px;height:90px}.logo img{width:205px;max-height:76px;object-fit:contain}.nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800}.nav a:hover,.nav a.active{color:var(--blue)}.lang{border:1px solid var(--line);padding:7px 12px;border-radius:30px;color:var(--blue)}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--navy)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 23px;border-radius:7px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#112b3b}.btn-blue{background:var(--blue);color:white}.btn-outline{border-color:#ffffff88;color:white}.btn-white{background:white;color:var(--navy)}.btn-clear{border:1px solid #bfd3e0;color:var(--navy)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--sky);font-weight:800;font-size:12px}.hero{background:var(--navy);color:white;min-height:660px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061b2ee8 0%,#06213cc9 48%,#06254078 100%),url('roof-waterproofing.webp') center/cover no-repeat;transform:scale(1.02)}.hero:after{content:'';position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#ffffff28 1px,transparent 1px),linear-gradient(90deg,#ffffff28 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{position:relative;z-index:1;max-width:750px;padding:95px 0}.hero h1{font-size:clamp(35px,5.1vw,66px);line-height:1.35;margin:15px 0 18px;font-weight:900;letter-spacing:-1px}.hero h1 em{color:var(--gold);font-style:normal}.hero p{max-width:650px;font-size:16px;color:#d5e7f2;margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:60px}.hero-badges span{font-size:12px;padding:8px 15px;border:1px solid #a5cee252;border-radius:50px;color:#daeefa}.section{padding:95px 0}.section-alt{background:var(--paper)}.section-title{max-width:750px;margin-bottom:34px}.section-title h2{font-size:clamp(27px,3.4vw,43px);line-height:1.45;color:var(--navy);margin:8px 0 10px;font-weight:900}.section-title p{color:var(--muted);font-size:15px;margin:0}.stats{background:var(--gold);padding:28px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{border-inline-end:1px solid #6c550f30;padding:0 25px}.stat strong{font-size:29px;display:block;color:var(--navy);line-height:1.4;font-family:'Manrope',sans-serif}.stat span{font-size:12px;color:#493b1d;font-weight:800}.grid-services{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.service-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 36px #113b5c17}.service-card .photo{height:215px;overflow:hidden;background:#d5e6ed}.service-card .photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover img{transform:scale(1.05)}.service-info{padding:22px;display:flex;flex-direction:column;flex:1}.service-info small{font:800 11px 'Manrope',sans-serif;color:var(--blue);letter-spacing:1px}.service-info h3{font-size:19px;line-height:1.5;margin:7px 0}.service-info p{font-size:13px;color:var(--muted);margin:0 0 17px;flex:1}.more{color:var(--blue);font-weight:900;font-size:13px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-image{position:relative}.about-image>img{width:100%;height:495px;object-fit:cover;border-radius:13px}.experience{background:var(--gold);border-radius:10px;position:absolute;bottom:-25px;inset-inline-start:-20px;padding:20px 30px;color:var(--navy);box-shadow:0 15px 35px #0002}.experience b{font-size:36px;display:block;line-height:1.1}.experience span{font-size:12px;font-weight:800}.about-copy p{color:var(--muted);font-size:14px}.check-list{padding:0;list-style:none;margin:20px 0 25px}.check-list li{padding:6px 0;font-size:14px;font-weight:700}.check-list li:before{content:'✓';display:inline-grid;place-items:center;background:#e5f5ff;color:var(--blue);width:25px;height:25px;border-radius:50%;margin-inline-end:10px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.vision-box{background:#eff6fa;padding:23px;border-radius:9px;border-top:3px solid var(--sky)}.vision-box h3{margin:0 0 8px;font-size:19px}.vision-box p{font-size:13px;margin:0;color:var(--muted)}.process{background:var(--deep);color:white}.process .section-title h2{color:white}.process .section-title p{color:#abc2d2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border:1px solid #31536e;border-radius:11px;padding:30px;background:#11334c}.step .num{color:var(--gold);font:900 35px 'Manrope',sans-serif}.step h3{font-size:19px;margin:9px 0}.step p{font-size:13px;color:#b4cbdc;margin:0}.brands{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.brand{border:1px solid #d6e4ec;background:white;border-radius:7px;padding:11px 20px;font:800 15px 'Manrope',sans-serif;color:#38627c}.cta{background:linear-gradient(120deg,#0564a5,#092b49);color:white;padding:72px 0}.cta-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:32px;line-height:1.4;margin:0 0 12px}.cta p{color:#cce4f4;margin:0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px}.contact-details{background:var(--navy);color:white;border-radius:14px;padding:35px}.contact-details p{color:#c0d6e5}.contact-line{padding:14px 0;border-bottom:1px solid #ffffff25}.contact-line b{display:block;color:var(--gold);font-size:12px}.contact-line span,.contact-line a{font-size:14px}.contact-form{display:grid;gap:15px}.field{display:grid;gap:5px}.field label{font-size:12px;font-weight:800;color:var(--navy)}.field input,.field textarea,.field select{width:100%;font:inherit;font-size:13px;border:1px solid #ccdae5;padding:12px;border-radius:6px;background:white}.field textarea{min-height:120px;resize:vertical}.note{font-size:11px;color:var(--muted)}.footer{background:#061927;color:#b4c8d8;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px}.footer .logo img{width:235px}.footer p{font-size:12px;line-height:2}.footer h3{font-size:15px;color:white;margin:0 0 18px}.footer-links{display:grid;gap:10px;font-size:12px}.footer-links a:hover{color:var(--gold)}.copyright{border-top:1px solid #ffffff22;margin-top:45px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:15px}.whatsapp{position:fixed;z-index:25;bottom:25px;inset-inline-end:22px;border-radius:50%;width:56px;height:56px;background:#20b767;color:white;font-size:23px;display:grid;place-items:center;box-shadow:0 8px 25px #0004;font-family:'Manrope'}.subhero{background:linear-gradient(105deg,#061b2fe8,#072b4aad),url('surface-treatment.webp') center/cover;color:white;padding:90px 0}.subhero h1{font-size:clamp(32px,4vw,53px);line-height:1.4;margin:6px 0 14px}.subhero p{max-width:700px;color:#d4e6f2}.breadcrumb{font-size:12px;color:#d2e4ef}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:start}.detail-grid h2{color:var(--navy);font-size:30px}.detail-grid p{color:var(--muted)}.detail-image{width:100%;height:420px;object-fit:cover;border-radius:10px}.detail-panel{background:var(--paper);border:1px solid var(--line);padding:26px;border-radius:10px;margin-top:22px}.detail-panel h3{margin-top:0}.article-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article{padding:24px;border:1px solid var(--line);border-radius:9px;background:white}.article h3{font-size:17px;margin:0 0 8px}.article p{font-size:13px;color:var(--muted)}@media(max-width:960px){.nav{display:none;position:absolute;top:90px;left:0;right:0;background:white;padding:22px;box-shadow:0 20px 25px #0002;flex-direction:column;align-items:stretch}.nav.show{display:flex}.menu-toggle{display:block}.grid-services,.steps,.article-links{grid-template-columns:repeat(2,1fr)}.about-layout{gap:30px}.footer-grid{gap:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.container{width:min(100% - 30px,1200px)}.topbar .location{display:none}.header-content{height:74px}.nav{top:74px}.logo img{width:165px}.hero{min-height:620px}.hero-content{padding:72px 0}.hero-badges{margin-top:34px}.section{padding:65px 0}.grid-services,.steps,.article-links,.about-layout,.contact-grid,.detail-grid,.vision-grid,.footer-grid{grid-template-columns:1fr}.service-card .photo{height:200px}.about-image>img{height:310px}.about-copy{margin-top:25px}.stats-grid{gap:16px}.stat{padding:0 8px}.stat strong{font-size:24px}.cta-layout{display:block}.cta .btn{margin-top:25px}.footer-grid{gap:35px}.copyright{display:block}.contact-details{padding:25px}.subhero{padding:65px 0}.detail-image{height:275px}}