.chauffage-page{overflow:hidden}
.chauffage-hero{
    min-height:710px;
    padding:155px 0 105px;
    position:relative;
    color:#fff;
    background:radial-gradient(circle at 17% 48%,rgba(255, 36, 36, 0.22),transparent 29%),linear-gradient(105deg,#10100f 0%,#231010 55%,#352010 100%)
}
.chauffage-hero::before{content:"";
    width:620px;height:620px;
    position:absolute;
    right:-150px;
    top:30px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255, 49, 49, 0.16),transparent 68%)
}
.chauffage-hero-grid{position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:.88fr 1.12fr;gap:70px;
    align-items:center
}
.chauffage-hero-visual{
    min-height:470px;
    position:relative;
    display:grid;
    place-items:center
}
.chauffage-hex-photo{
    width:min(430px,100%);
    aspect-ratio:1/1.08;
    position:relative;
    z-index:2;overflow:hidden;
    clip-path:polygon(50% 0,93% 22%,93% 76%,50% 100%,7% 76%,7% 22%);
    background:#2a1010;box-shadow:0 30px 75px rgba(0,0,0,.34)
}
.chauffage-hex-photo img,.chauffage-intro-image img,.chauffage-benefits-image img{width:100%;height:100%;object-fit:cover}

.chauffage-glow{
    width:390px;height:390px;
    position:absolute;
    bottom:-25px;border-radius:50%;
    background:radial-gradient(circle,rgba(255, 36, 36, 0.22),transparent 68%)
}
.chauffage-service-title{display:flex;align-items:center;gap:20px}
.chauffage-service-icon{
    width:72px;height:72px;flex:0 0 72px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:20px;display:grid;
    place-items:center;
    font-size:31px;
    background:linear-gradient(145deg,#b61111,#e85316);
    box-shadow:0 18px 45px rgba(232, 22, 22, 0.3)
}
.chauffage-service-title small{display:block;color:#c7b8aa;font-size:14px}
.chauffage-service-title h1{margin:3px 0 0;
    font-size:clamp(58px,6vw,92px);
    line-height:.95;letter-spacing:-.065em
}
.chauffage-hero-copy>h2{max-width:800px;margin:34px 0 20px;font-size:clamp(35px,3.7vw,57px);line-height:1.08;letter-spacing:-.05em}
.chauffage-hero-copy>p{max-width:760px;margin:0;color:#d8cec5;font-size:17px;line-height:1.8}
.chauffage-badges,.chauffage-actions,.chauffage-cta-actions{display:flex;flex-wrap:wrap;gap:13px}
.chauffage-badges{margin-top:25px;gap:10px}
.chauffage-badges span{padding:9px 13px;
    border:1px solid rgba(255, 55, 55, 0.24);
    border-radius:999px;
    color:#ffc8c8;
    background:rgba(255, 36, 36, 0.1);font-size:11px;font-weight:800
}
.chauffage-actions{margin-top:32px}.chauffage-button-outline{border:1px solid rgba(255,255,255,.5);
        background:rgba(255,255,255,.05);backdrop-filter:blur(12px)
}
.chauffage-intro,.chauffage-benefits,.chauffage-cta{padding:105px 0;background:#fff}
.chauffage-intro-grid,.chauffage-benefits-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}
.chauffage-intro-copy h2,.chauffage-section-heading h2,.chauffage-benefits-copy h2,.chauffage-process-heading h2,.chauffage-cta-card h2{margin:0;font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.05em}
.chauffage-intro-copy>p:last-of-type,.chauffage-section-heading>p{color:#68717d;font-size:17px;line-height:1.85}
.chauffage-intro-copy>p:last-of-type{margin:24px 0 0}
.chauffage-trust-box{margin-top:30px;padding:20px;border:1px solid #f1dfd2;border-radius:16px;display:flex;align-items:center;gap:15px;
    background:linear-gradient(135deg,rgba(255, 36, 36, 0.08),rgba(255,112,36,.02))
}
.chauffage-trust-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;color:#fff;
    background:linear-gradient(135deg,#ff4040,#c03917)
}
.chauffage-trust-box strong,.chauffage-trust-box small{display:block}.chauffage-trust-box strong{font-size:14px}
.chauffage-trust-box small{margin-top:4px;color:#74808c;font-size:12px}
.chauffage-intro-image,.chauffage-benefits-image{border-radius:24px;overflow:hidden;box-shadow:0 25px 65px rgba(20,36,56,.14)}
.chauffage-intro-image{height:440px}.chauffage-services{padding:105px 0;background:#f7f2f2}
.chauffage-section-heading{margin-bottom:45px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end}
.chauffage-section-heading>p{margin:0}.chauffage-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.chauffage-card{min-height:290px;padding:28px;
    border:1px solid #ebe3dc;
    border-top:3px solid #ef2222;
    border-radius:18px;position:relative;
    overflow:hidden;background:linear-gradient(145deg,#fff 55%,#fff8f1);
    box-shadow:0 18px 45px rgba(20,36,56,.07);transition:transform .28s ease,box-shadow .28s ease
}
.chauffage-card:hover{transform:translateY(-8px);box-shadow:0 28px 62px rgba(56, 20, 20, 0.13)}
.chauffage-card-number{position:absolute;right:23px;top:20px;color:#ef2222;opacity:.11;font-size:48px;font-weight:800}
.chauffage-card-icon{width:62px;height:62px;
    border:1px solid rgba(239, 34, 34, 0.28);
    border-radius:18px;display:grid;place-items:center;
    color:#ef2222;font-size:25px;background:rgba(239, 34, 34, 0.07)
}
.chauffage-card h3{margin:24px 0 11px;color:#201212;font-size:21px;letter-spacing:-.035em}
.chauffage-card p,.chauffage-benefit-item p{margin:0;color:#5f6974;font-size:14px;line-height:1.75}
.chauffage-benefits-grid{grid-template-columns:1.05fr .95fr}
.chauffage-benefits-list{margin-top:36px;display:grid;gap:22px}
.chauffage-benefit-item{display:grid;grid-template-columns:54px 1fr;gap:17px}
.chauffage-benefit-item>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;
    background:linear-gradient(135deg,#ff4040,#c03917);box-shadow:0 12px 28px rgba(232, 22, 22, 0.2);
    font-size:13px;font-weight:800
}
.chauffage-benefit-item h3{margin:0 0 7px;font-size:19px}
.chauffage-benefits-image{height:540px;position:relative}
.chauffage-stat{position:absolute;left:24px;bottom:24px;padding:18px 22px;border:1px solid rgba(255,255,255,.16);
    border-radius:16px;color:#fff;background:rgba(20,12,7,.84);backdrop-filter:blur(16px)
}
.chauffage-stat strong,.chauffage-stat span{display:block}
.chauffage-stat strong{color:#ff4545;font-size:28px}
.chauffage-stat span{margin-top:2px;font-size:11px;font-weight:700}
.chauffage-process{padding:105px 0;color:#fff;background:#17100c}

.chauffage-process-heading{max-width:800px}

.chauffage-process-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.chauffage-process-grid article{padding:27px;border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    background:rgba(255,255,255,.035)
}
.chauffage-process-grid article>span{color:#ff4545;font-size:14px;font-weight:800}
.chauffage-process-grid h3{margin:22px 0 10px;font-size:20px}
.chauffage-process-grid p{margin:0;color:#c7bab0;font-size:13px;line-height:1.75}


.chauffage-cta-card{
    padding:55px;
    border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:45px;color:#fff;
    background:radial-gradient(circle at 10% 20%,rgba(255, 36, 36, 0.27),transparent 34%),#1b0b0b
}
.chauffage-cta-card h2{max-width:900px}
.chauffage-cta-card>div:first-child>p:last-child{color:#cbb4b4}
.chauffage-cta-actions{flex:0 0 auto}

.section-label {
    color: #ff4545;
}
.button-primary{color:#fff;
    background:linear-gradient(135deg,#ff4545,#c03917);
    box-shadow:0 16px 38px rgba(255,112,36,.27)
}


@media(max-width:1180px){
    .chauffage-services-grid,.chauffage-process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.chauffage-hero-grid,.chauffage-intro-grid,.chauffage-section-heading,.chauffage-benefits-grid{grid-template-columns:1fr}
.chauffage-hero-visual{order:2}.chauffage-cta-card{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.chauffage-hero{padding:145px 0 80px}
.chauffage-service-title{align-items:flex-start}
.chauffage-service-icon{width:58px;height:58px;flex-basis:58px;border-radius:16px;font-size:25px}
.chauffage-service-title h1{font-size:clamp(48px,14vw,70px)}.chauffage-actions,.chauffage-cta-actions,.chauffage-actions .button,.chauffage-cta-actions .button{width:100%}.chauffage-services-grid,.chauffage-process-grid{grid-template-columns:1fr}.chauffage-intro,.chauffage-services,.chauffage-benefits,.chauffage-process,.chauffage-cta{padding:75px 0}
.chauffage-intro-image{height:330px}.chauffage-benefits-image{height:420px}.chauffage-cta-card{padding:35px 24px}}


@media(max-width:680px){
    .chauffage-hero{padding:10px 0 20px;}
    .chauffage-service-title h1{font-size:clamp(30px,12vw,70px)}
    .section-label {
        font-size: 13px;
    }

    .chauffage-hero-copy h2 {
        font-size: 25px;
    }
    .chauffage-hero-copy p {
        font-size: 15px;
    }
    .chauffage-actions .button {
        font-size: 12px;
        min-height:50px;
        padding:0 28px;
    }
    .chauffage-hero-visual {
        display: none;
    }
    .chauffage-intro-copy h2, .chauffage-services h2 {
        font-size: 25px;
    }
    .chauffage-trust-box {
        font-size: 13px;
    }
    .chauffage-cta h2 {
        font-size: 30px;
    }
}