:root{--blue:#1268b3;--green:#15a85a;--dark:#07111f;--ink:#142033;--muted:#667085;--soft:#f4f8fb;--line:#e5edf5;--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}
.header{position:fixed;z-index:100;top:18px;left:4vw;right:4vw;height:76px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 18px 50px rgba(7,17,31,.12)}
.brand img{height:56px;max-width:280px}.header nav{display:flex;align-items:center;gap:22px;font-weight:900}.cta-small{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;padding:12px 18px;border-radius:999px}.burger{display:none;border:1px solid var(--line);background:white;border-radius:14px;font-size:28px;padding:4px 11px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:150px 7vw 80px;color:white;background:var(--dark);overflow:hidden}.hero-media{position:absolute;inset:0;background:url('assets/chantier-15.webp') center/cover no-repeat;transform:scale(1.04);filter:saturate(1.08)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(21,168,90,.28),transparent 35%),linear-gradient(90deg,rgba(5,13,25,.96),rgba(5,13,25,.72),rgba(5,13,25,.28))}
.hero-inner{position:relative;max-width:980px}.kicker,.tag{font-weight:950;color:var(--green);letter-spacing:.14em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(44px,7vw,92px);line-height:.92;margin:14px 0 22px;max-width:920px}.lead{font-size:clamp(18px,2vw,24px);max-width:790px;color:#e8f2fb}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:15px 24px;font-weight:950;cursor:pointer}.primary{background:linear-gradient(135deg,var(--green),var(--blue));color:white;box-shadow:0 18px 40px rgba(18,104,179,.28)}.light{background:white;color:#101828}.badges{display:flex;gap:12px;flex-wrap:wrap}.badges span{padding:10px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.12);font-weight:800}
.section{padding:95px 7vw}.intro{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}.intro-box{border-left:7px solid var(--green);padding-left:28px}.section h2{font-size:clamp(32px,4.2vw,58px);line-height:1.04;margin:8px 0 26px}.intro-text{font-size:21px;color:#38465a}
.stats{margin:-38px 7vw 40px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats div{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 16px 42px rgba(16,24,40,.1)}.stats strong{display:block;font-size:44px;line-height:1;color:var(--blue)}.stats span{font-weight:850;color:#475467}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{background:linear-gradient(180deg,#fff,#f6fafc);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:236px;transition:.35s;box-shadow:0 12px 34px rgba(16,24,40,.05)}.service:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(16,24,40,.13)}.service div{font-size:34px}.service h3{font-size:23px;margin:16px 0 8px}.service p{color:var(--muted);margin:0}
.dark{background:var(--dark);color:white}.dark .tag{color:#5de090}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.section-head p:last-child{color:#cfdae8;font-size:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 30px}.filters button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:white;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer}.filters button.active{background:white;color:var(--dark)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-card{position:relative;border:0;padding:0;min-height:300px;border-radius:26px;overflow:hidden;cursor:pointer;background:#111;color:white;text-align:left}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.55s}.gallery-card:hover img{transform:scale(1.08)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.gallery-card span{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;font-weight:950;font-size:20px}
.clim{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;background:linear-gradient(180deg,#fff,#f3faf6)}.clim-content ul{list-style:none;padding:0;margin:26px 0 0}.clim-content li{font-weight:850;margin:12px 0;padding-left:34px;position:relative}.clim-content li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:950}.pro-tip{align-self:center;background:#091322;color:white;border-radius:34px;padding:36px;box-shadow:0 22px 60px rgba(7,17,31,.22)}.pro-tip span{color:#5de090;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.pro-tip p{font-size:20px;color:#e7eef7}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-grid div{background:#eef7ff;border:1px solid #d8eafb;padding:18px;border-radius:18px;font-weight:900}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;background:#f7fbff}.contact-panel,.quote-form{background:white;border:1px solid var(--line);border-radius:34px;padding:36px;box-shadow:0 16px 44px rgba(16,24,40,.08)}.contact-links{display:grid;gap:13px;margin:26px 0}.contact-links a{font-size:21px;font-weight:950}.note{color:var(--muted);font-size:14px}.quote-form{display:grid;gap:14px}.quote-form label{font-weight:900;display:grid;gap:7px}.quote-form input,.quote-form select,.quote-form textarea{border:1px solid #d4dee9;border-radius:16px;padding:14px;font:inherit;background:#fbfdff}
footer{text-align:center;background:#07111f;color:#d4deea;padding:46px 7vw}footer img{height:68px;border-radius:18px}footer a{color:white;font-weight:900}.float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--blue));color:white;font-size:28px;box-shadow:0 20px 45px rgba(0,0,0,.3);z-index:99}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.services{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.intro,.section-head,.clim,.contact{grid-template-columns:1fr}.header nav{display:none;position:absolute;top:88px;left:0;right:0;background:white;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 20px 60px rgba(16,24,40,.18);flex-direction:column}.header nav.open{display:flex}.burger{display:block}.brand img{height:48px}.hero{padding-top:135px}}
@media(max-width:640px){.section{padding:65px 5vw}.header{left:3vw;right:3vw;top:10px}.hero{padding:128px 5vw 60px}.actions .btn{width:100%}.services,.gallery,.stats,.why-grid{grid-template-columns:1fr}.gallery-card{min-height:360px}.hero h1{font-size:43px}}