/* D-SLS — accueil, sections éditoriales haut de gamme (préfixe pz-) */
.pz{position:relative;z-index:1;isolation:isolate;--c:#3DD6C3;--o:#E8890A;--bg:#03050a;--bg2:#070b13;--tx:#EEF3F8;--mu:#8393a3;--ln:rgba(255,255,255,.09);
 background:var(--bg);color:var(--tx);font-family:'Space Grotesk',var(--font-body,system-ui),sans-serif;-webkit-font-smoothing:antialiased;margin:0!important}
.pz *{box-sizing:border-box}.pz h2,.pz h3,.pz p,.pz ul,.pz dl,.pz dd{margin:0;padding:0}.pz a{color:inherit;text-decoration:none}
.pz-w{max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
.pz-k{font:500 11px 'JetBrains Mono',monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--o);display:flex;align-items:center;gap:14px}
.pz-k::before{content:"";width:28px;height:1px;background:var(--o)}
.pz h2{font-weight:300;font-size:clamp(32px,4.4vw,64px);line-height:1.04;letter-spacing:-.025em;margin-top:22px}
.pz h2 b{font-weight:600}.pz h2 em{font-style:normal;color:var(--o)}
.pz .pz-lead{color:#aab6c2;font-size:clamp(16px,1.25vw,19px);line-height:1.65;max-width:58ch;margin-top:22px}
.pz-btn{display:inline-flex;align-items:center;gap:14px;padding:16px 26px;border:1px solid rgba(255,255,255,.22);font:500 14px 'Space Grotesk',sans-serif;letter-spacing:.04em;transition:background .3s,border-color .3s,color .3s}
.pz-btn i{font-style:normal;transition:transform .3s}.pz-btn:hover{border-color:#fff}.pz-btn:hover i{transform:translateX(4px)}[dir=rtl] .pz-btn:hover i{transform:translateX(-4px)}
.pz-btn.pr{background:var(--o);border-color:var(--o);color:#111!important}.pz-btn.pr:hover{background:#ffb44a;border-color:#ffb44a}
.pz-in{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.pz-in.on{opacity:1;transform:none}
/* 1. manifeste */
.pz-man{padding:clamp(90px,12vw,170px) 0 clamp(70px,9vw,120px)}
.pz-man h2{font-size:clamp(34px,5.2vw,82px);max-width:16ch}
.pz-kpi{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(56px,7vw,100px);border-top:1px solid var(--ln)}
.pz-kpi div{padding:30px 26px 0 0;border-inline-end:1px solid var(--ln);padding-inline-start:26px}
.pz-kpi div:first-child{padding-inline-start:0}.pz-kpi div:last-child{border:0}
.pz-kpi b{display:block;white-space:nowrap;font-weight:300;font-size:clamp(34px,3.9vw,62px);letter-spacing:-.03em;line-height:1;direction:ltr;unicode-bidi:isolate}
.pz-kpi b small{font-size:.38em;font-weight:400;color:var(--mu);margin-inline-start:6px;letter-spacing:0}
.pz-kpi span{display:block;margin-top:14px;color:var(--mu);font-size:14px;line-height:1.5;max-width:22ch}
/* 2. produit phare */
.pz-flag{position:relative;padding:clamp(80px,10vw,140px) 0;background:radial-gradient(60% 70% at 72% 55%,rgba(232,137,10,.10),transparent 70%),var(--bg2);border-block:1px solid var(--ln);overflow:hidden}
.pz-flag .pz-w{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,6vw,100px);align-items:center}
.pz-fimg{position:relative;order:2;display:flex;justify-content:center;align-items:center;min-height:520px}
.pz-fimg::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 120px rgba(232,137,10,.08)}
.pz-fimg::after{content:"";position:absolute;width:54%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(255,255,255,.08);animation:pzspin 60s linear infinite}
@keyframes pzspin{to{transform:rotate(360deg)}}
.pz-fimg img{position:relative;z-index:1;max-height:560px;max-width:92%;object-fit:contain;filter:drop-shadow(0 40px 60px rgba(0,0,0,.65)) );transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.pz-flag:hover .pz-fimg img{transform:translateY(-8px) scale(1.015)}
.pz-tag{position:absolute;z-index:2;font:500 11px 'JetBrains Mono',monospace;color:#cfd8e1;letter-spacing:.06em;display:flex;align-items:center;gap:10px;white-space:nowrap;direction:ltr}
.pz-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px rgba(232,137,10,.18)}
.pz-tag b{color:#fff;font-weight:600}
.pz-spec{margin-top:36px;border-top:1px solid var(--ln)}
.pz-spec div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--ln);font-size:15px}
.pz-spec dt{color:var(--mu)}.pz-spec dd{font-weight:500;direction:ltr;unicode-bidi:isolate;text-align:end}
.pz-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
/* 3. collection */
.pz-col{padding:clamp(90px,11vw,150px) 0 clamp(70px,8vw,110px)}
.pz-colh{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.pz-arw{display:flex;gap:10px}
.pz-arw button{width:52px;height:52px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:.25s}
.pz-arw button:hover{background:#fff;color:#000}
.pz-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,23%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:48px;padding:0 clamp(20px,5vw,72px) 12px;scrollbar-width:none;max-width:1320px;margin-inline:auto}
.pz-rail::-webkit-scrollbar{display:none}
.pz-card{scroll-snap-align:start;display:flex;flex-direction:column;background:linear-gradient(180deg,#0c121c,#070b12);border:1px solid var(--ln);transition:border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.pz-card:hover{border-color:rgba(232,137,10,.55);transform:translateY(-6px)}
.pz-ci{height:300px;display:flex;align-items:flex-end;justify-content:center;padding:30px 24px 10px;background:radial-gradient(60% 40% at 50% 92%,rgba(232,137,10,.16),transparent 70%)}
.pz-ci img{max-height:100%;max-width:78%;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(0,0,0,.6));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pz-card:hover .pz-ci img{transform:scale(1.05)}
.pz-cb{padding:20px 22px 22px;border-top:1px solid var(--ln);display:flex;flex-direction:column;gap:6px;flex:1}
.pz-cb small{font:500 10.5px 'JetBrains Mono',monospace;color:var(--o);letter-spacing:.18em;text-transform:uppercase}
.pz-cb h3{font-weight:500;font-size:21px;letter-spacing:-.01em}
.pz-cb p{color:var(--mu);font-size:14px}
.pz-cb span{margin-top:auto;padding-top:14px;font:500 12.5px 'JetBrains Mono',monospace;color:#d6dee6;direction:ltr;unicode-bidi:isolate;display:flex;justify-content:space-between}
.pz-cb span i{font-style:normal;color:var(--o);transition:transform .3s}.pz-card:hover .pz-cb span i{transform:translateX(4px)}
/* 4. système */
.pz-sys{padding:clamp(90px,11vw,150px) 0;background:var(--bg2);border-block:1px solid var(--ln)}
.pz-layers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--ln);position:relative}
.pz-layers::before{content:"";position:absolute;top:-1px;left:0;height:1px;width:var(--pz-p,0%);background:linear-gradient(90deg,var(--o),var(--c));transition:width 2.2s cubic-bezier(.2,.7,.2,1)}
.pz-layers.on{--pz-p:100%}
.pz-ly{padding:36px clamp(16px,2.6vw,40px) 0 0;border-inline-end:1px solid var(--ln)}
.pz-ly:not(:first-child){padding-inline-start:clamp(16px,2.6vw,40px)}.pz-ly:last-child{border:0}
.pz-ly>b{font:500 12px 'JetBrains Mono',monospace;color:var(--o);letter-spacing:.2em}
.pz-ly h3{font-weight:500;font-size:clamp(22px,2vw,28px);margin:18px 0 12px;letter-spacing:-.015em}
.pz-ly p{color:#aab6c2;line-height:1.65;font-size:15.5px}
.pz-ly ul{list-style:none;margin-top:24px!important}
.pz-ly li{padding:11px 0;border-top:1px solid var(--ln);font:500 12.5px 'JetBrains Mono',monospace;color:#d6dee6;letter-spacing:.03em}
.pz-ly li::before{content:"— ";color:var(--o)}
/* 5. référence photo */
.pz-ref{position:relative;min-height:min(86vh,780px);display:flex;align-items:flex-end;overflow:hidden}
.pz-ref img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}
.pz-ref.on img{transform:scale(1)}
.pz-ref::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,10,.92) 0,rgba(3,5,10,.55) 45%,rgba(3,5,10,.05) 75%),linear-gradient(0deg,rgba(3,5,10,.85),transparent 45%)}
[dir=rtl] .pz-ref::after{background:linear-gradient(270deg,rgba(3,5,10,.92) 0,rgba(3,5,10,.55) 45%,rgba(3,5,10,.05) 75%),linear-gradient(0deg,rgba(3,5,10,.85),transparent 45%)}
.pz-ref .pz-w{position:relative;z-index:1;width:100%;padding-block:clamp(70px,9vw,120px)}
.pz-ref h2{max-width:13ch}
/* 6. normes */
.pz-std{padding:clamp(80px,10vw,130px) 0}
.pz-sg{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid var(--ln);border-inline-start:1px solid var(--ln)}
.pz-sg div{padding:28px 24px;border-inline-end:1px solid var(--ln);border-bottom:1px solid var(--ln);transition:background .4s}
.pz-sg div:hover{background:rgba(255,255,255,.025)}
.pz-sg b{display:block;font-weight:500;font-size:19px;letter-spacing:-.01em;direction:ltr;unicode-bidi:isolate}
.pz-sg span{display:block;margin-top:8px;color:var(--mu);font-size:13.5px;line-height:1.5}
/* 7. présence */
.pz-geo{padding:clamp(80px,10vw,130px) 0;background:var(--bg2);border-top:1px solid var(--ln)}
.pz-gl{display:grid;grid-template-columns:repeat(5,1fr);margin-top:56px;border-top:1px solid var(--ln)}
.pz-gl div{padding:26px 18px 0 0}
.pz-gl small{font:500 11px 'JetBrains Mono',monospace;color:var(--mu);letter-spacing:.12em;direction:ltr;display:block}
.pz-gl b{display:block;font-weight:400;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;margin:10px 0 6px}
.pz-gl span{color:#aab6c2;font-size:14px}
/* 8. appel final */
.pz-cta{padding:clamp(100px,12vw,170px) 0;position:relative;overflow:hidden;background:radial-gradient(50% 80% at 85% 50%,rgba(232,137,10,.14),transparent 70%),var(--bg)}
.pz-cta .pz-w{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}
.pz-cta h2{font-size:clamp(36px,5vw,78px)}
.pz-cov{justify-self:center;width:min(300px,80%);transform:perspective(900px) rotateY(-14deg) rotateX(4deg);box-shadow:40px 50px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pz-cov:hover{transform:perspective(900px) rotateY(-4deg)}
.pz-cov img{display:block;width:100%}
@media(max-width:1000px){.pz-flag .pz-w,.pz-cta .pz-w{grid-template-columns:1fr}.pz-fimg{order:0;min-height:380px}.pz-fimg img{max-height:400px}
 .pz-kpi{grid-template-columns:1fr 1fr}.pz-kpi div{border:0;padding:26px 0 0!important}.pz-layers{grid-template-columns:1fr}.pz-ly{padding:30px 0 0!important;border:0}
 .pz-sg{grid-template-columns:1fr 1fr}.pz-gl{grid-template-columns:1fr 1fr;gap:0 20px}.pz-rail{grid-auto-columns:minmax(250px,72%)}.pz-tag{display:none}}
@media(prefers-reduced-motion:reduce){.pz *{animation:none!important;transition:none!important}.pz-in{opacity:1;transform:none}}
/* ---------- section « Énergie autonome » : produit héros + chiffres (remplace la photo) ---------- */
.pz-ref.pz-solv{background:#0E141C}
.pz-ref.pz-solv::after{display:none}
.pz-sol{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pz-sol .ps-h{position:absolute;inset-inline-end:8%;top:-12%;width:min(62vw,760px);aspect-ratio:1;background:radial-gradient(circle at 50% 32%,rgba(232,137,10,.28),rgba(232,137,10,0) 62%)}
.pz-ref .pz-sol img.ps-p{position:absolute;inset:auto;bottom:0;inset-inline-end:24%;width:auto;height:94%;object-fit:contain;transform:none;filter:drop-shadow(0 22px 32px rgba(0,0,0,.6))}
.pz-sol .ps-k{position:absolute;display:flex;flex-direction:column;gap:3px;font:600 11px var(--font-mono,'JetBrains Mono',monospace);letter-spacing:.12em;color:#AEB7C1;max-width:22ch}
.pz-sol .ps-k::before{content:"";width:44px;height:1px;background:#E8890A;margin-bottom:8px}
.pz-sol .ps-k b{font:600 clamp(26px,2.6vw,38px)/1 var(--font-display,'Space Grotesk',sans-serif);letter-spacing:-.02em;color:#F1F3F5}
.pz-sol .ps-k small{font:500 11px var(--font-display,'Space Grotesk',sans-serif);letter-spacing:.02em;color:#8E99A6;text-transform:none}
.pz-sol .k1{inset-inline-start:52%;top:22%}
.pz-sol .k2{inset-inline-end:9%;top:42%;align-items:flex-end;text-align:end}
.pz-sol .k2::before{align-self:flex-end}
.pz-sol .k3{inset-inline-start:54%;bottom:16%}
:root[data-theme=day] .pz-ref.pz-solv{background:#2E3438}
@media (max-width:900px){.pz-ref .pz-sol img.ps-p{inset-inline-end:6%;height:82%;opacity:.45}.pz-sol .ps-k{display:none}.pz-sol .ps-h{inset-inline-end:-20%}}
[dir=rtl] .pz-sol .ps-k,[dir=rtl] .pz-sol .ps-k small{letter-spacing:0}
