*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#122238;background:#fff}a{text-decoration:none;color:inherit}.header{height:74px;display:flex;align-items:center;gap:28px;padding:0 5%;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #00000012}.logo{display:flex;align-items:center;gap:9px;margin-right:auto}.logo-mark{width:40px;height:40px;border:3px solid #16a34a;border-radius:10px;display:grid;place-items:center;color:#16a34a;font-size:25px}.logo b{display:block;font-size:17px}.logo small{display:block;font-size:11px;color:#445; margin-top:2px}nav{display:flex;gap:24px;font-size:13px;font-weight:700}nav a:hover{color:#0ca64a}.header-actions{display:flex;gap:10px;align-items:center}.phone,.quote{border:1px solid #0ca64a;border-radius:7px;padding:11px 16px;color:#079643;font-weight:700;font-size:13px}.quote{background:#10a64c;color:white}.hero{height:500px;position:relative;overflow:hidden;background:#08131c}.hero>img{width:100%;height:100%;object-fit:cover}.hero-content{position:absolute;inset:0;padding:70px 6%;color:white;background:linear-gradient(90deg,#071017ed 0%,#071017c9 38%,#07101720 68%,transparent)}.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:800;color:#16c65b}.hero h1{font-size:54px;line-height:1.02;margin:15px 0}.hero p{font-size:17px;line-height:1.55;max-width:560px;color:#e5ebef}.hero-buttons{display:flex;gap:12px;margin:25px 0}.btn{display:inline-block;border:0;border-radius:7px;padding:15px 22px;font-weight:800;cursor:pointer}.green{background:#10ad50;color:#fff}.white{background:#fff;color:#152334}.trust{display:flex;gap:28px;margin-top:28px}.trust span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;color:#14b956}.trust b{color:white;font-size:13px}.trust small{grid-column:2;color:#d9e0e4;font-size:11px}.section{padding:58px 5%;text-align:center}.section h2,.about h2,.contact h2{font-size:31px;margin:8px 0 32px}.green-text{color:#0b9d45}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;text-align:left}.cards article{border:1px solid #e2e6e9;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 15px #00000008}.card-img{height:130px;background-size:cover;background-position:center}.img-facade{background-image:url('assets/facade-avant-apres.jpg')}.img-toiture{background-image:url('assets/toiture-avant-apres.jpg')}.img-peinture{background-image:url('assets/peinture-avant-apres.jpg')}.img-interieur{background:linear-gradient(135deg,#eaf2f5,#fff)}.img-reparation{background:linear-gradient(135deg,#c9873b,#f2c27c)}.img-entretien{background:linear-gradient(135deg,#bfe9f5,#f7ffff)}.cards h3,.cards p{padding:0 15px}.cards h3{font-size:15px;margin:14px 0 7px}.cards p{font-size:12px;line-height:1.5;color:#66727d;margin-bottom:18px}.projects{background:#f4f7f7}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.projects-grid article{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.projects-grid img{width:100%;height:210px;object-fit:cover}.projects-grid h3{font-size:14px;padding:0 15px 14px}.note{font-size:11px;color:#77818a;margin-top:18px}.light{background:#fff}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reviews blockquote{margin:0;padding:25px;background:#f5f8f7;border-radius:10px;line-height:1.6;color:#47535d}.reviews b{display:block;margin-top:12px;color:#17263a}.about{padding:65px 8%;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;background:#f5f8f7}.about p{color:#65727c;line-height:1.7}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:center}.about-points span{padding:16px;background:#fff;border-radius:8px;font-weight:700}.contact{padding:60px 8%;background:#071722;color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact h2{font-size:38px}.contact p{color:#b9c7cf}.contact form{display:grid;gap:12px}.contact input,.contact textarea{width:100%;padding:14px;border:1px solid #40515d;border-radius:7px;background:#0e2634;color:#fff}.contact textarea{min-height:120px;resize:vertical}footer{background:#041019;color:white;padding:22px 5%;display:flex;align-items:center;gap:25px;font-size:13px}footer span{color:#9eabb3;margin-right:auto}footer a{font-weight:700}@media(max-width:900px){.header{height:auto;padding:12px 4%;flex-wrap:wrap}.header-actions{width:100%;justify-content:center}nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:5px}.hero{height:540px}.hero-content{padding:45px 6%;background:linear-gradient(90deg,#071017ee,#071017aa,transparent)}.hero h1{font-size:40px}.trust{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cards{grid-template-columns:repeat(2,1fr)}.projects-grid,.reviews,.about,.contact{grid-template-columns:1fr}.section h2{font-size:27px}footer{flex-wrap:wrap}footer span{width:100%}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:flex-start}.hero h1{font-size:35px}.phone{display:none}.projects-grid img{height:180px}}