.plomberie-page{
    --plomberie-accent:rgba(117,64,216,.3);
    --plomberie-accent-solid:#7841d7;
    overflow:hidden;
}
.plomberie-hero{
    min-height:710px;padding:155px 0 105px;position:relative;color:#fff;
    background:radial-gradient(circle at 17% 48%, rgba(117,64,216,.3),transparent 30%),linear-gradient(105deg,#0f0617 0%,#20072a 55%,#0d083e 100%)
}

.plomberie-hero::before{content:"";width:620px;height:620px;position:absolute;right:-150px;top:30px;border-radius:50%;
    background:radial-gradient(circle,rgba(140, 11, 245, 0.17),transparent 69%)
}
.plomberie-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}
.plomberie-hero-visual{min-height:470px;position:relative;display:grid;place-items:center}
.plomberie-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:#0f0724;box-shadow:0 30px 75px rgba(0, 0, 0, 0.34)
}

.plomberie-hex-photo img,.plomberie-intro-image img,.plomberie-benefits-image img{width:100%;height:100%;object-fit:cover}
.plomberie-glow{width:390px;height:390px;position:absolute;bottom:-25px;border-radius:50%;
    background:radial-gradient(circle,rgba(93, 11, 245, 0.23),transparent 68%)
}
.plomberie-service-title{display:flex;align-items:center;gap:20px}
.plomberie-service-icon{width:72px;height:72px;flex:0 0 72px;border:1px solid rgba(255, 255, 255, 0.2);
    border-radius:20px;display:grid;place-items:center;font-size:31px;
    background:var(--plomberie-accent);
    box-shadow:0 18px 45px rgba(132, 11, 245, 0.32)
}

.plomberie-service-title small{display:block;color:#bcb1d5;font-size:14px}
.plomberie-service-title h1{margin:3px 0 0;font-size:clamp(52px,5.5vw,86px);line-height:.98;letter-spacing:-.065em}
.plomberie-hero-copy>h2{max-width:800px;margin:34px 0 20px;font-size:clamp(35px,3.7vw,57px);line-height:1.08;letter-spacing:-.05em}
.plomberie-hero-copy>p{max-width:760px;margin:0;color:#d0c1dd;font-size:17px;line-height:1.8}

.plomberie-badges,.plomberie-actions,.plomberie-cta-actions{display:flex;flex-wrap:wrap;gap:13px}
.plomberie-badges{margin-top:25px;gap:10px}
.plomberie-badges span{padding:9px 13px;border:1px solid rgba(140, 11, 245, 0.34);
    border-radius:999px;color:#fff0cc;background:rgba(132, 11, 245, 0.15);font-size:11px;font-weight:800
}

.plomberie-actions{margin-top:32px}
.plomberie-button-outline{
    border:1px solid rgba(255, 255, 255, 0.5);
    background:rgba(255, 255, 255, 0.068);backdrop-filter:blur(12px)
}
.plomberie-intro,.plomberie-benefits,.plomberie-cta{padding:105px 0;background:#fff}
.plomberie-intro-grid,.plomberie-benefits-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}
.plomberie-intro-copy h2,.plomberie-section-heading h2,.plomberie-benefits-copy h2,.plomberie-process-heading h2,.plomberie-cta-card h2{margin:0;font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.05em}
.plomberie-intro-copy>p:last-of-type,.plomberie-section-heading>p{color:#68717d;font-size:17px;line-height:1.85}
.plomberie-intro-copy>p:last-of-type{margin:24px 0 0}

.plomberie-trust-box{margin-top:30px;padding:20px;
    border:1px solid rgba(93, 11, 245, 0.25);
    border-radius:16px;display:flex;align-items:center;gap:15px;
    background:rgba(101, 11, 245, 0.08)
}

.plomberie-trust-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;
    color:#ffffff;
    background:var(--plomberie-accent)
}

.plomberie-trust-box strong,.plomberie-trust-box small{display:block}
.plomberie-trust-box strong{font-size:14px}
.plomberie-trust-box small{margin-top:4px;color:#7c748c;font-size:12px}
.plomberie-intro-image,.plomberie-benefits-image{border-radius:24px;overflow:hidden;
    box-shadow:0 25px 65px rgba(40, 20, 56, 0.14)
}.plomberie-intro-image{height:440px}

.plomberie-services{padding:105px 0;background:#f4f2f7}
.plomberie-section-heading{margin-bottom:45px;display:grid;
    grid-template-columns:1.05fr .95fr;gap:70px;align-items:end
}.plomberie-section-heading>p{margin:0}

.plomberie-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plomberie-card{min-height:290px;padding:28px;border:1px solid #e1dceb;
    border-top:3px solid var(--plomberie-accent);border-radius:18px;position:relative;overflow:hidden;
    background:linear-gradient(145deg,#ffffff 55%,#f5edff);
    box-shadow:0 18px 45px rgba(39, 20, 56, 0.07);transition:transform .28s ease,box-shadow .28s ease
}

.plomberie-card:hover{transform:translateY(-8px);
    box-shadow:0 28px 62px rgba(30, 20, 56, 0.13)
}

.plomberie-card-number{position:absolute;right:23px;top:20px;
    color:var(--plomberie-accent-solid);
    opacity:.12;font-size:48px;font-weight:800
}

.plomberie-card-icon{width:62px;height:62px;border:1px solid rgba(93, 11, 245, 0.35);
    border-radius:18px;display:grid;place-items:center;
    color:var(--plomberie-accent-solid);
    font-size:25px;background:rgba(120, 11, 245, 0.1)
}

.plomberie-card h3{margin:24px 0 11px;color:#171220;font-size:21px;letter-spacing:-.035em}
.plomberie-card p,.plomberie-benefit-item p{margin:0;color:#655f74;font-size:14px;line-height:1.75}

.plomberie-benefits-grid{grid-template-columns:1.05fr .95fr}
.plomberie-benefits-list{margin-top:36px;display:grid;gap:22px}
.plomberie-benefit-item{display:grid;grid-template-columns:54px 1fr;gap:17px}

.plomberie-benefit-item>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#ffffff;
    background:var(--plomberie-accent);
    box-shadow:0 12px 28px rgba(81, 11, 245, 0.25);
    font-size:13px;font-weight:800
}.plomberie-benefit-item h3{margin:0 0 7px;font-size:19px}

.plomberie-benefits-image{height:540px;position:relative}
.plomberie-stat{position:absolute;left:24px;bottom:24px;padding:18px 22px;border:1px solid rgba(255, 255, 255, 0.16);
    border-radius:16px;color:#fff;
    background:rgba(13, 6, 25, 0.84);backdrop-filter:blur(16px)
}

.plomberie-stat strong,.plomberie-stat span{display:block}
.plomberie-stat strong{color:var(--plomberie-accent-solid);font-size:28px}
.plomberie-stat span{margin-top:2px;font-size:11px;font-weight:700}
.plomberie-process{padding:105px 0;color:#ffffff;background:#0c0617}
.plomberie-process-heading{max-width:800px}
.plomberie-process-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.plomberie-process-grid article{padding:27px;
    border:1px solid rgba(101, 11, 245, 0.16);
    border-radius:18px;background:rgba(255, 255, 255, 0.035)
}
.plomberie-process-grid article>span{color:var(--plomberie-accent-solid);font-size:14px;font-weight:800}
.plomberie-process-grid h3{margin:22px 0 10px;font-size:20px}
.plomberie-process-grid p{margin:0;color:#b5adc9;font-size:13px;line-height:1.75}

.plomberie-cta-card{padding:55px;border-radius:28px;
    display:flex;align-items:center;justify-content:space-between;gap:45px;
    color:#ffffff;
    background:radial-gradient(circle at 10% 20%,rgba(93, 11, 245, 0.26),transparent 34%),#0e071a
}
.plomberie-cta-card h2{max-width:900px}
.plomberie-cta-card>div:first-child>p:last-child{color:#b5accb}
.plomberie-cta-actions{flex:0 0 auto}

.section-label {
    color: #5936f5;
}
.button-primary{color:#fff;
    background:linear-gradient(135deg,#8645ff,#3c17c0);
    box-shadow:0 16px 38px rgba(156, 36, 255, 0.27)
}

@media(max-width:1180px){.plomberie-services-grid,.plomberie-process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.plomberie-hero-grid,.plomberie-intro-grid,.plomberie-section-heading,.plomberie-benefits-grid{grid-template-columns:1fr}.plomberie-hero-visual{order:2}.plomberie-cta-card{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){
    .plomberie-hero{padding:10px 0 20px}
    .plomberie-service-title{align-items:flex-start}
    .plomberie-service-icon{width:58px;height:58px;
        flex-basis:58px;border-radius:16px;font-size:25px
    }
    .section-label {
        font-size: 13px;
    }

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

    .plomberie-service-title h1{font-size:clamp(30px,12vw,70px)}
    .plomberie-actions,.plomberie-cta-actions,.plomberie-actions .button,.plomberie-cta-actions .button{width:100%}.plomberie-services-grid,.plomberie-process-grid{grid-template-columns:1fr}.plomberie-intro,.plomberie-services,.plomberie-benefits,.plomberie-process,.plomberie-cta{padding:75px 0}.plomberie-intro-image{height:330px}.plomberie-benefits-image{height:420px}.plomberie-cta-card{padding:35px 24px}}