*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0a3158;line-height:1.6;background:#fff}a{color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e6edf3;box-shadow:0 4px 20px #002b5010}.head{min-height:76px;display:flex;align-items:center;gap:22px}.logo{width:160px;height:64px;object-fit:contain;mix-blend-mode:multiply}.nav{margin-left:auto;display:flex;gap:18px;align-items:center}.nav a{text-decoration:none;font-weight:700;font-size:14px;padding:25px 0;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{border-color:#ffd000}.top-actions{display:flex;gap:10px;align-items:center}.phone{text-decoration:none;font-weight:800;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:999px;text-decoration:none;font-weight:800;border:2px solid transparent}.btn-dark{background:#062f57;color:#fff}.btn-yellow{background:#ffd000;color:#062f57}.btn-outline{border-color:#fff;color:#fff}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:470px;background:linear-gradient(90deg,#022f57dd,#022f5738),url('assets/realisation-climatisation.jpg') center/cover;color:#fff}.hero-in{min-height:470px;display:grid;grid-template-columns:1fr 330px;align-items:center;gap:40px}.hero h1{font-size:52px;line-height:1.04;margin:7px 0 16px}.hero h1 span{color:#ffd000}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.lead{font-size:20px;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.experience{font-size:19px;font-style:italic}.experience strong{color:#ffd000}.hero-box{background:#fff;color:#092f55;padding:18px;border-radius:14px}.hero-box div{display:flex;gap:12px;align-items:center;padding:13px 7px;border-bottom:1px solid #e5edf3}.hero-box div:last-child{border:0}.hero-box b{width:42px;height:42px;border-radius:50%;background:#07345f;color:#ffd000;display:grid;place-items:center}.hero-box small,.hero-box strong{display:block}.section{padding:72px 0}.title{margin-bottom:30px}.title .kicker{color:#0b76ba;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:1.5px}.title h2{font-size:36px;line-height:1.15;margin:5px 0 10px}.title p{margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #dce7ef;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #002b5010}.pic{height:190px;background-size:cover;background-position:center}.clim{background-image:url('assets/realisation-climatisation.jpg')}.pac{background-image:url('assets/realisation-pompe-a-chaleur.jpg')}.elec{background-image:url('assets/realisation-electricite.jpg')}.body{padding:22px}.body h3{font-size:26px;margin:0 0 4px}.body ul{padding-left:20px}.body li{margin:5px 0}.blue{background:#0876bd;color:#fff}.green{background:#249846;color:#fff}.yellow{background:#ffd000;color:#062f57}.strip{background:#eef7fc;padding:30px 0}.trust{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:18px;align-items:center}.trust-item{text-align:center;border-left:1px solid #c9dce8;padding:10px}.trust-item span{display:block;font-size:27px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery figure{margin:0;height:230px;position:relative;border-radius:9px;overflow:hidden;background:#173b5e}.gallery div{height:100%;background-size:cover;background-position:center}.g1{background-image:url('assets/realisation-climatisation-2.jpg')}.g2{background-image:url('assets/realisation-pompe-a-chaleur.jpg')}.g3{background-image:url('assets/realisation-tableau-electrique.jpg')}.g4{background-image:url('assets/schema-installation.jpg')}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;color:#fff;font-weight:800;padding:28px 12px 10px;background:linear-gradient(transparent,#000c)}.about{background:#f7fafc}.about-grid{display:grid;grid-template-columns:1fr 1.4fr .85fr;gap:32px;align-items:center}.about-img{min-height:360px;border-radius:10px;background:url('assets/realisation-electricite.jpg') center/cover}.contact-box{background:#eaf5fc;border-radius:12px;padding:25px}.contact-box .btn{width:100%;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.stats div{border-top:3px solid #ffd000;padding-top:9px}.stats strong,.stats small{display:block}.cta{padding:32px 0;background:linear-gradient(100deg,#062f57,#0870ae);color:#fff}.cta-in{display:flex;justify-content:space-between;gap:20px;align-items:center}.cta h2{margin:0 0 5px}.footer{background:#031f39;color:#d8e5ef;padding:48px 0 18px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px}.footer-logo{width:160px;height:70px;object-fit:contain;filter:grayscale(1) brightness(3);mix-blend-mode:screen}.footer h4{color:#ffd000;margin-top:0}.footer a{text-decoration:none;display:block;margin:5px 0}.bottom{border-top:1px solid #ffffff22;margin-top:28px;padding-top:15px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px}.bottom strong{color:#ffd000}.page-hero{padding:72px 0;background:linear-gradient(90deg,#062f57ee,#062f5744),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff}.page-hero h1{font-size:46px;margin:0 0 10px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:35px}.info-card{background:#f2f8fc;border-radius:12px;padding:25px}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px;border:1px solid #ccdce8;border-radius:7px;font:inherit}.contact-form textarea{min-height:150px}.notice{background:#fff8d9;border-left:5px solid #ffd000;padding:15px}.mobile-only{display:none}@media(max-width:1000px){.nav{gap:10px}.nav a{font-size:12px}.top-actions .phone{display:none}.hero h1{font-size:43px}.trust{grid-template-columns:1fr 1fr}.trust-intro{grid-column:1/-1}.about-grid{grid-template-columns:1fr 1.3fr}.contact-box{grid-column:1/-1}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:15px 16px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #002b5020}.nav.open{display:flex}.nav a{padding:8px 0;border:0}.top-actions{display:none}.hero-in{grid-template-columns:1fr;padding:65px 0}.hero{min-height:auto}.hero-in{min-height:auto}.grid3,.content-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.cta-in{flex-direction:column;align-items:flex-start}.about-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.container{width:calc(100% - 26px)}.logo{width:135px}.hero h1{font-size:36px}.section{padding:55px 0}.title h2{font-size:30px}.gallery,.trust{grid-template-columns:1fr}.trust-item{border-left:0;border-top:1px solid #c9dce8}.stats{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.bottom{display:block}.bottom>*{display:block;margin:7px 0}}