@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b30;--navy2:#102b45;--orange:#ff7417;--ink:#142338;--muted:#647184;--light:#f4f7fa;--line:#dce3eb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{height:76px;background:var(--navy);color:white;display:flex;align-items:center;gap:24px;padding:0 max(4vw,24px);position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #00101f33}.brand{display:flex;align-items:center;gap:10px;min-width:245px}.brand img{width:55px;height:55px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font-size:19px;letter-spacing:.2px}.brand small{font-size:8px;letter-spacing:.5px;color:#c5d0dc;margin-top:5px}.topbar nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.topbar nav a{font-size:12px;font-weight:600;white-space:nowrap;color:#f0f4f8}.topbar nav a:hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:13px 19px;font:700 14px Inter,Arial;cursor:pointer;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-orange{background:var(--orange);color:white;box-shadow:0 5px 14px #ff74172b}.top-phone{white-space:nowrap;padding:13px 17px}.btn-outline{border:1.5px solid white;color:white;background:#071b3059}.btn-white{background:white;color:var(--navy)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}
.hero{position:relative;isolation:isolate;min-height:430px;display:flex;align-items:center;padding:56px max(9vw,32px);color:white;background:#1c2d3d url('assets/plombier-de-dos.png') center 52%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06182bea 0%,#06182bbf 46%,#06182b32 100%);z-index:-1}.hero-content{max-width:650px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:800;color:var(--orange);margin:0 0 12px}.hero h1{font-size:clamp(36px,4vw,56px);line-height:1.06;letter-spacing:-1.6px;margin:0 0 16px;font-weight:800}.hero h1 span{color:var(--orange)}.hero-sub{font-size:16px;max-width:570px;color:#f0f3f7;margin:0 0 24px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-points{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:225px;padding:17px 18px;background:#071b30df;border:1px solid #ffffff24;border-radius:13px;display:grid;gap:16px}.hero-points>div{display:flex;align-items:center;gap:12px}.hero-points i{font-size:24px;color:var(--orange);font-style:normal;width:27px;text-align:center}.hero-points span{display:flex;flex-direction:column}.hero-points b{font-size:12px}.hero-points small{font-size:10px;color:#c6d1dc}
.section{padding:54px max(4vw,24px)}.section-heading{text-align:center;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:4px}.section-heading h2,.area h2,.contact h2{font-size:30px;line-height:1.15;margin:0 0 10px;letter-spacing:-.7px}.section-heading h2:after,.area h2:after{content:"";display:block;width:48px;height:4px;background:var(--orange);border-radius:2px;margin:11px auto 0}.section-heading p:last-child{color:var(--muted);font-size:13px;margin:10px 0 0}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1380px;margin:auto}.service-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;box-shadow:0 5px 18px #1423380a;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #14233815}.service-photo{height:145px;background-size:cover;background-position:center}.photo-plumbing{background-image:url('https://images.unsplash.com/photo-1607472586893-edb57bdc0e39?auto=format&fit=crop&w=600&q=80')}.photo-heating{background-image:url('assets/radiateur-chauffage-alp.png')}.photo-water{background-image:url('assets/chauffe-eau-alp.png')}.photo-floor{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=600&q=80')}.photo-bath{background-image:url('https://images.unsplash.com/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=600&q=80')}.service-copy{padding:15px}.service-copy h3{font-size:15px;line-height:1.3;margin:0 0 7px}.service-copy p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}
.trust{background:var(--navy);color:white;display:grid;grid-template-columns:180px 1fr 36%;align-items:stretch;min-height:280px;overflow:hidden}.trust-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px}.trust-logo img{width:120px;height:100px;object-fit:contain}.trust-logo p{font-size:12px;font-weight:800;letter-spacing:1px;margin:0}.trust-text{padding:38px 32px}.trust-text h2{font-size:28px;line-height:1.15;margin:0 0 12px}.trust-text>p:not(.eyebrow){color:#d4dee8;font-size:13px;max-width:550px}.trust-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;font-size:11px;font-weight:600}.trust-benefits span::first-letter{color:var(--orange)}.trust-image{background:linear-gradient(90deg,#071b3040,#071b3000),url('assets/plombier-de-dos.png') center/cover;min-height:280px;position:relative}.image-caption{position:absolute;bottom:20px;right:20px;background:#071b30db;color:white;padding:12px 18px;border-radius:8px;font-weight:800;letter-spacing:1px;font-size:12px}.image-caption small{display:block;font-weight:500;letter-spacing:0;color:#d8e0e8}
.area{display:grid;grid-template-columns: .8fr 1.2fr;gap:36px;align-items:center}.area h2:after{margin:11px 0 0}.area-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:470px}.towns{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}.towns li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border:1.5px solid var(--orange);color:var(--orange);border-radius:50%;font-size:11px;font-weight:800;margin-right:8px}.map-card{height:320px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(130deg,#dce7d2,#f2ecd8 48%,#d4e5ec);border:1px solid #d4dfe3}.water{position:absolute;right:-10%;top:-5%;width:35%;height:120%;background:#b8dbe9;transform:rotate(10deg);border-left:12px solid #e9f2e9}.road{position:absolute;height:11px;border:3px solid #fff8dc;background:#d4c6a2;border-radius:20px;box-shadow:0 0 0 1px #d3c9af}.road-one{width:125%;top:48%;left:-10%;transform:rotate(-15deg)}.road-two{width:100%;top:58%;left:4%;transform:rotate(32deg)}.map-label{position:absolute;font-size:12px;font-weight:700;color:#52606b;background:#ffffffb8;padding:3px 6px;border-radius:4px}.label-one{top:22%;left:18%}.label-two{top:39%;left:13%}.label-three{top:50%;left:42%;color:var(--navy)}.label-four{top:34%;left:61%}.label-five{top:22%;right:5%}.label-six{bottom:15%;right:10%}.pin{position:absolute;left:51%;top:43%;font-size:28px;color:var(--orange);text-shadow:0 2px 0 white}.map-note{position:absolute;bottom:16px;left:16px;border-radius:22px;background:var(--orange);color:white;font-weight:800;font-size:12px;padding:10px 15px;box-shadow:0 6px 16px #071b3030}
.contact{display:grid;grid-template-columns:.75fr 1.25fr;background:var(--light)}.contact-call{background:linear-gradient(135deg,#ff7c1d,#ff5f0a);padding:45px max(5vw,28px);color:white}.contact-call .eyebrow{color:#fff4e9}.contact-call h2{font-size:32px}.contact-call p:not(.eyebrow){font-size:14px;max-width:340px}.contact-call .btn{margin:10px 0 16px}.contact-call small{display:block;font-size:11px;color:#fff0e5}.contact-form-wrap{padding:42px max(4vw,26px)}.contact-form-wrap h2{font-size:25px;margin:0 0 5px}.contact-form-wrap>p{font-size:13px;color:var(--muted);margin:0 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{font-size:11px;font-weight:700;color:#3b4a5d}.form-grid input,.form-grid textarea{display:block;width:100%;margin-top:5px;border:1px solid #d5dde6;border-radius:7px;padding:12px;font:400 13px Inter,Arial;background:white;color:var(--ink)}.form-grid input:focus,.form-grid textarea:focus{outline:2px solid #ff74174d;border-color:var(--orange)}.form-grid .full{grid-column:1/-1}.form-grid textarea{resize:vertical}.submit{margin:14px 0 10px}.contact-form-wrap form>small{display:block;font-size:10px;color:var(--muted);max-width:700px}.contact-form-wrap form>small a{text-decoration:underline}.hidden{display:none}
footer{background:#041426;color:#d8e1ea;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(4vw,24px);font-size:11px}.footer-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.footer-brand img{width:42px;height:42px;object-fit:contain}.footer-links{display:flex;flex-wrap:wrap;gap:10px 16px;max-width:500px}.footer-links a:hover,.footer-contact a:hover{color:var(--orange)}.footer-contact{display:grid;gap:5px;white-space:nowrap}.mobile-call{display:none}
@media(max-width:1100px){.topbar{gap:14px;padding:0 22px}.brand{min-width:auto}.brand b{font-size:16px}.topbar nav{gap:13px}.topbar nav a{font-size:11px}.top-phone{font-size:12px;padding:12px}.hero-points{right:3%;width:205px}.hero{padding-left:6vw}.service-grid{grid-template-columns:repeat(3,1fr)}.service-photo{height:160px}.trust{grid-template-columns:140px 1fr 30%}.trust-text{padding:32px 24px}.trust-logo img{width:100px}.footer-links{max-width:350px}}
@media(max-width:760px){html{scroll-padding-top:70px}.topbar{height:68px;padding:0 16px;justify-content:space-between}.brand img{width:45px;height:45px}.brand b{font-size:15px}.brand small{font-size:7px}.topbar nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--navy);padding:16px 22px 22px;align-items:stretch;flex-direction:column;gap:0;box-shadow:0 12px 18px #0003}.topbar nav.open{display:flex}.topbar nav a{padding:12px 0;border-bottom:1px solid #ffffff17;font-size:14px}.top-phone{display:none}.menu-toggle{display:block}.hero{min-height:510px;padding:46px 22px 30px;align-items:flex-start;background-position:center}.hero-shade{background:linear-gradient(90deg,#06182be8,#06182ba6 70%,#06182b72)}.hero-content{position:relative;z-index:1}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:39px;letter-spacing:-1.2px}.hero-sub{font-size:14px;max-width:420px}.hero-actions{display:grid;grid-template-columns:1fr;max-width:300px}.hero-actions .btn{width:100%}.hero-points{position:relative;transform:none;top:auto;right:auto;width:100%;max-width:440px;margin:28px 0 0;padding:13px;grid-template-columns:1fr 1fr;gap:14px}.hero-points i{font-size:21px}.hero-points b{font-size:11px}.hero-points small{font-size:9px}.section{padding:42px 17px}.section-heading h2,.area h2{font-size:27px}.section-heading .eyebrow{font-size:9px}.service-grid{grid-template-columns:1fr 1fr;gap:11px}.service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr}.service-card:last-child .service-photo{height:100%;min-height:150px}.service-photo{height:120px}.service-copy{padding:12px}.service-copy h3{font-size:13px}.service-copy p{font-size:11px}.trust{grid-template-columns:1fr;min-height:0}.trust-logo{display:none}.trust-text{padding:34px 22px}.trust-text h2{font-size:27px}.trust-image{min-height:190px}.area{grid-template-columns:1fr;gap:24px}.towns{font-size:12px;gap:9px}.map-card{height:260px}.map-label{font-size:10px}.contact{grid-template-columns:1fr}.contact-call{padding:35px 22px}.contact-call h2{font-size:29px}.contact-form-wrap{padding:32px 20px 80px}.form-grid{grid-template-columns:1fr;gap:10px}.form-grid .full{grid-column:auto}.form-grid input,.form-grid textarea{padding:13px}footer{padding:24px 20px 90px;align-items:flex-start;flex-direction:column;gap:18px}.footer-links{gap:10px 14px}.footer-contact{white-space:normal}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--orange);color:white;justify-content:center;padding:15px 10px;font-weight:800;font-size:14px;box-shadow:0 -4px 18px #071b3025}}
@media(max-width:380px){.hero h1{font-size:34px}.service-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto;display:block}.service-card:last-child .service-photo{height:125px}.hero-points{grid-template-columns:1fr 1fr}.brand small{font-size:6px}}