:root{--ink:#071d2b;--ink-2:#0c2c3d;--blue:#087f91;--aqua:#18b9ae;--copper:#e28a50;--cream:#f5f7f4;--white:#fff;--muted:#60717a;--line:#dbe5e4;--shadow:0 20px 50px rgba(7,29,43,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:.79rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.eyebrow:before{content:"";width:28px;height:2px;background:var(--copper)}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.1;margin:0}h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em}.section-copy{color:var(--muted);font-size:1.06rem;max-width:620px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:800;transition:.25s}.btn-primary{background:var(--copper);color:var(--ink);box-shadow:0 12px 30px rgba(226,138,80,.24)}.btn-primary:hover{transform:translateY(-2px);background:#ee9a61}.btn-outline{border-color:rgba(255,255,255,.35);color:var(--white);background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.btn-outline:hover{background:rgba(255,255,255,.14)}.btn-dark{background:var(--ink);color:#fff}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:10px 16px;z-index:9999}.skip:focus{top:20px}
.topbar{background:#04151f;color:#c7d4d8;font-size:.82rem;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:20px}.topbar span{display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 4px rgba(24,185,174,.12)}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,229,228,.8)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;align-items:center;gap:11px}.logo-symbol{width:46px;height:46px;flex:0 0 46px}.logo strong{font:800 1.18rem "Manrope";letter-spacing:.06em}.logo small{display:block;color:var(--muted);font-size:.69rem;letter-spacing:.12em}.nav-links{display:flex;align-items:center;gap:30px;font-weight:700;font-size:.93rem}.nav-links a:not(.btn):hover{color:var(--blue)}.nav-links .btn{min-height:44px;padding:0 20px}.menu-btn{display:none;border:0;background:transparent;padding:8px}.menu-btn span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:720px;display:grid;align-items:center;position:relative;isolation:isolate;color:#fff;background:#0a2636;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../images/ak-enerj-chauffagiste-hero.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,21,31,.98) 0%,rgba(4,21,31,.89) 35%,rgba(4,21,31,.28) 68%,rgba(4,21,31,.08) 100%)}.hero-content{padding:95px 0;width:min(650px,58%)}.hero .eyebrow{color:#77e1db}.hero h1{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.06em;margin:20px 0 24px}.hero h1 em{font-style:normal;color:#77e1db}.hero p{font-size:1.17rem;color:#d7e4e6;max-width:590px;margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-trust{display:flex;flex-wrap:wrap;gap:24px;margin-top:45px;padding-top:28px;border-top:1px solid rgba(255,255,255,.17)}.trust-item{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700}.trust-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(24,185,174,.14);color:#77e1db}
.services{padding:110px 0;background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.section-head h2{max-width:620px;margin-top:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;min-height:350px;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;bottom:-70px;background:rgba(24,185,174,.08)}.service-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#e7f6f4;color:var(--blue);margin-bottom:30px}.service-card:nth-child(2) .service-icon{background:#fff0e6;color:#bd6835}.service-card h3{font-size:1.35rem;margin-bottom:13px}.service-card p{color:var(--muted);margin:0 0 24px}.service-card ul{margin:0;padding:0;list-style:none;font-size:.92rem;font-weight:700}.service-card li{padding:7px 0;display:flex;gap:8px}.service-card li:before{content:"✓";color:var(--aqua)}
.about{padding:120px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.visual{min-height:520px;border-radius:32px;background:linear-gradient(145deg,var(--ink),var(--ink-2));position:relative;overflow:hidden;padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:70px solid rgba(24,185,174,.13);top:-100px;right:-100px}.visual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 28px,rgba(255,255,255,.018) 29px 30px)}.visual>*{position:relative;z-index:1}.visual-number{font:800 clamp(3.4rem,6.5vw,6rem) "Manrope";color:#77e1db;line-height:.85;letter-spacing:-.08em;white-space:nowrap}.visual p{max-width:340px;font-size:1.15rem;margin:20px 0 0;color:#d7e4e6}.about-copy h2{margin:14px 0 24px}.about-copy>p{color:var(--muted);font-size:1.06rem}.values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.value{padding:19px;border:1px solid var(--line);border-radius:16px}.value strong{display:block;font-family:"Manrope"}.value span{font-size:.86rem;color:var(--muted)}
.process{padding:110px 0;background:var(--ink);color:#fff}.process .section-head{align-items:start}.process .section-copy{color:#b8c9ce}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.step{counter-increment:step;padding:30px 24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.035)}.step:before{content:"0" counter(step);display:block;color:#77e1db;font:800 .82rem "Manrope";letter-spacing:.1em;margin-bottom:50px}.step h3{font-size:1.1rem;margin-bottom:10px}.step p{color:#b8c9ce;font-size:.91rem;margin:0}
.area{padding:110px 0}.area-card{background:#e7f6f4;border-radius:32px;padding:64px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center;overflow:hidden;position:relative}.area-card:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(8,127,145,.08);border-radius:50%;right:-80px;top:-100px}.area-card h2{margin:14px 0 18px}.location{position:relative;z-index:1;background:#fff;border-radius:22px;padding:26px;box-shadow:var(--shadow)}.location-logo{width:58px;height:58px;display:block;margin-bottom:18px}.location strong{display:block;font:800 1.05rem "Manrope";margin-bottom:8px}.location p{color:var(--muted);margin:0}
.cta{padding:0 0 110px}.cta-box{background:linear-gradient(130deg,#086e7e,#0c93a0);border-radius:32px;color:#fff;padding:66px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{max-width:650px}.cta p{color:#d6f1ef;margin:15px 0 0}.cta .btn{background:#fff;color:var(--ink);white-space:nowrap}
footer{background:#04151f;color:#b9c8cc;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr;gap:60px}.footer-brand p{max-width:390px;margin:20px 0;color:#91a5aa}.footer-title{font:800 .88rem "Manrope";color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}.footer-links{display:grid;gap:10px}.footer-links a:hover{color:#77e1db}.legal-note{font-size:.83rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:18px}.footer-bottom button{border:0;background:none;color:inherit;padding:0}.footer-bottom a:hover,.footer-bottom button:hover{color:#fff}
.modal{position:fixed;inset:0;z-index:1000;background:rgba(4,21,31,.78);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-panel{width:min(760px,100%);max-height:86vh;overflow:auto;background:#fff;border-radius:24px;padding:38px;position:relative}.modal-panel h2{font-size:2rem;margin-bottom:24px}.modal-panel h3{font-size:1rem;margin:24px 0 8px}.modal-panel p,.modal-panel li{color:var(--muted);font-size:.92rem}.close-modal{position:sticky;float:right;top:0;border:0;background:var(--cream);border-radius:50%;width:40px;height:40px;font-size:1.25rem}.cookie-banner{position:fixed;z-index:900;left:20px;right:20px;bottom:20px;max-width:1060px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 80px rgba(4,21,31,.25);padding:20px 24px;display:none;align-items:center;gap:25px}.cookie-banner.show{display:flex}.cookie-banner p{margin:0;flex:1;color:var(--muted);font-size:.9rem}.cookie-banner strong{display:block;color:var(--ink);margin-bottom:4px}.cookie-actions{display:flex;gap:9px}.cookie-actions button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 16px;font-weight:700;white-space:nowrap}.cookie-actions .accept{background:var(--ink);color:#fff;border-color:var(--ink)}.cookie-setting{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.switch{width:48px;height:27px;border:0;border-radius:20px;background:#bcc8ca;position:relative}.switch:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch.on{background:var(--aqua)}.switch.on:after{left:24px}.switch.locked{opacity:.65}
@media(max-width:900px){.nav-links{position:fixed;inset:76px 0 auto;background:#fff;display:none;padding:25px 20px 32px;box-shadow:0 20px 30px rgba(7,29,43,.1);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-btn{display:block}.topbar .container span:last-child{display:none}.hero{min-height:680px}.hero:after{background:linear-gradient(90deg,rgba(4,21,31,.96),rgba(4,21,31,.7))}.hero-content{width:80%}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.about-grid{grid-template-columns:1fr;gap:50px}.visual{min-height:420px}.steps{grid-template-columns:1fr 1fr}.area-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.cta-box{align-items:flex-start;flex-direction:column}.section-head{align-items:start;flex-direction:column}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.topbar{font-size:.74rem}.nav{height:68px}.nav-links{inset:68px 0 auto}.logo small{display:none}.hero{min-height:660px}.hero:before{background-position:65% center}.hero:after{background:linear-gradient(90deg,rgba(4,21,31,.97),rgba(4,21,31,.75))}.hero-content{width:100%;padding:72px 0}.hero h1{font-size:clamp(2.65rem,14vw,4rem)}.hero p{font-size:1rem}.hero-actions .btn{width:100%}.hero-trust{gap:13px;flex-direction:column}.services,.about,.process,.area{padding:78px 0}.section-head{margin-bottom:32px}.service-grid,.values,.steps{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.service-card{min-height:0;padding:28px}.visual{padding:30px;min-height:370px}.about-grid{gap:38px}.step:before{margin-bottom:24px}.area-card{padding:34px 24px;border-radius:24px}.cta{padding-bottom:78px}.cta-box{padding:38px 25px;border-radius:24px}.cta .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:38px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.cookie-banner{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .accept{grid-column:1/-1}.modal-panel{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}